码迷,mamicode.com
首页 > Web开发 > 详细

tp5使用uploadify插件做上传

时间:2018-02-02 11:53:14      阅读:333      评论:0      收藏:0      [点我收藏+]

标签:uploadify   query   版本   val   类型   sda   func   ons   str   

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插件做上传

标签:uploadify   query   版本   val   类型   sda   func   ons   str   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!