JQuery-uploadify

来源：互联网发布：淘宝商品级和sku级编辑：程序博客网时间：2024/05/17 22:38

重新编辑一下这篇博客，因为在使用的过程中出现过问题：

特别注意：'requeueErrors': true, 该属性设置为 ture，则上传错误是，上传文件不会从上传队列中移除，而是会继续上传。这样的结果就是：文件一直上传，客户端持续发送请求，非常糟糕。有必要说一下属性，该属性屏蔽了弹框出现中文提示的问题。当时不让修改插件源码的的错误提醒，所以搜索的折中解决办法

    $("#uploadify_file").uploadify({        'swf': '../../script/uploadify.swf',        'uploader':'url',        'buttonImage': '',        'wmode': 'transparent',        'buttonText': '涓婁紶',        'buttonClass': 'file_upload_pic',        'width': '100',        'height': '25',        'multi': true,        'method': 'post',        'auto': true,        'fileObjName': 'filedata',        'fileTypeExts': '*.doc;*.docx',        'progressData': 'percentage',        'fileSizeLimit': '5MB',        'queueID': 'event_uploadList',        'queueSizeLimit': 100,        'removeCompleted': false,        'removeTimeout': 3600,        'requeueErrors': true,        'successTimeout': 30,        'scriptAccess': 'always',        'overrideEvents': ['onSelectError', 'onUploadError', 'onDialogClose'],        'onUploadSuccess': function(file, data, response) {            var filename = file.name;            var fileshortname = filename.substr(0, 10) + "...";            var filesize = (file.size / 1024 / 1024) + "";            filesize = filesize.substr(0, 4);            var fileurl = data;            if ($("#file_bar").length > 0) {                $("#file_bar").parent().remove();            }            var filelayer = $("<li><span class='w200'><a title='" + filename + "' key='' class='filelist' size='" + filesize + "' href='" +                    data + "'>" + fileshortname + "</a></span><span class='w115'>" +                    "<a href='#'><img src='/resource/image/icon1.png' alt=''  />" +                    "</a></span><span class='w115'>" + filesize + "M</span><span class='w115'>" +                    "<a href='#' key='' class='bj'>鍒犻櫎</a></span>" +                    "</li>");            $("#filelayer").append(filelayer);        },        'onSelectError': function(file, errorCode, errorMsg, errorString) {            var filename = file.name;            var fileshortname = filename.substr(0, 10) + "...";            var filesize = (file.size / 1024 / 1024) + "";            filesize = filesize.substr(0, 4);            var filelayer = $("<li><span class='w200'><a title='" + filename + "' key='' size='" + filesize + "'" +                    ">" + fileshortname + "</a></span><span class='w115'>" +                    "<a href='#'><img src='/resource/image/icon2.png' alt=''  />" +                    "</a></span><span class='w115'>" + filesize + "M</span><span class='w115'>" +                    "<a href='#' key='' class='bj'>鍒犻櫎</a></span>" +                    "</li>");            $("#filelayer").append(filelayer);        },        'onUploadError': function(file, errorCode, errorMsg, errorString) {            var filename = file.name;            var fileshortname = filename.substr(0, 10) + "...";            var filesize = (file.size / 1024 / 1024) + "";            filesize = filesize.substr(0, 4);            var filelayer = $("<li><span class='w200'><a title='" + filename + "' key='' size='" + filesize + "'" +                    ">" + fileshortname + "</a></span><span class='w115'>" +                    "<a href='#'><img src='/resource/image/icon2.png' alt=''  />" +                    "</a></span><span class='w115'>" + filesize + "M</span><span class='w115'>" +                    "<a href='#' key='' class='bj'>鍒犻櫎</a></span>" +                    "</li>");            $("#filelayer").append(filelayer);        }//        'onUploadProgress': function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {//            if($("#file_bar").length == 0){//                var bar = $("<li><hr id='file_bar' style='line-height:30px; background-color:red'></hr></li>");//                $("#filelayer").append(bar);//            }//            var bar_width = totalBytesUploaded * 545 / totalBytesTotal +"px";//            $("#file_bar").css({"width":bar_width,"position": "relative", "top": "10px","width":"5px"});//        }    });

0 0