分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

tp5使用uploadify插件做上传

发布时间:2023-09-06 01:40责任编辑:蔡小小关键词:uploaduploadify
uploadify插件地址
推荐使用flash版本

插件引入
<script src="../jquery.js"></script>
<script src="../jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(function(){
$("#uploadify").uploadify({
‘swf‘: ‘ADMIN/plus/uploadify/uploadify.swf‘,//所需要的flash文件

 ????????????‘uploader‘: "{:url(‘Cate/upImg‘)}",//实现上传的程序 ????????????‘progressData‘:‘speed‘,//设置上传进度显示方式,percentage显示上传百分比,speed显示上传速度 ????????????‘fileExt‘: ‘*.jpg;*.jpeg;*.gif;*.png‘,//可上传的文件类型 ????????????‘buttonText‘ :‘文件上传‘,//通过文字替换钮扣上的文字 ????????????‘buttonClass‘:‘btn btn-xs btn-purple‘, ????????????‘fileObjName‘:‘img‘,//文件上传对象的名称,如果命名为’the_files’,PHP程序可以用$_FILES[‘the_files‘]来处理上传的文件对象。 ????????????‘onUploadSuccess‘:function(file,data,response){ ???????????????????????????//上传成功后的回调函数 ???????????????????????????var cateImgSrc = "__ROOT__/uploads/cateimg/"+data; ???????????????????????????var cateimg = "<img height=‘50‘ src=‘"+cateImgSrc+"‘ >"; ???????????????????????????$(‘#cateimg‘).html(cateimg); ???????????????????????????$("input[name=‘img‘]").val(data); ???????????????????????????if($("input[name=‘img‘]").val()!=‘‘){ ???????????????????????????????$("#cateimg p").remove(); ???????????????????????????} ????????????????????????}, ????????????}); ????????????????})

tp5使用uploadify插件做上传

原文地址:http://blog.51cto.com/woaijorden/2068048

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved