tp5使用uploadify插件做上傳

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顯示上傳速度
             'fileTypeDesc'   : '支持格式:*.jpg;*.jpeg;*.gif;*.png',
             'fileTypeExts': '*.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();
                            }
                         },
                                         'onSelectError':function(file, errorCode, errorMsg){

                                     switch(errorCode) {
                                         case -110:
                                            layer.alert("圖像大小超限,請調低像素後重新上傳", {icon: 2});
                                             break;
                                         case -120:
                                            layer.alert("文件 ["+file.name+"] 大小異常!", {icon: 2});
                                             break;
                                         case -130:
                                            layer.alert("文件 ["+file.name+"] 類型不正確!", {icon: 2});
                                             break;
               }}
             });
                 })
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章