plupload文件上传事件用法实例

小灰灰 2022-06-02 11:52 267阅读 0赞

转载：http://blog.csdn.net/xuexiiphone/article/details/53706967

$(function() \{

$("\#uploader").pluploadQueue(\{

runtimes : 'html5,gears,flash,silverlight,browserplus,html4',//设置运行环境，会按设置的顺序，可以选择的值有

html5,gears,flash,silverlight,browserplus,html4  
            flash\_swf\_url : '$\{pageContext.request.contextPath\}/jslib/plupload\_1\_5\_7/plupload/js/plupload.flash.swf',//                   Flash环境路径设置  
            silverlight\_xap\_url :                                                                                                                                                                 '$\{pageContext.request.contextPath\}/jslib/plupload\_1\_5\_7/plupload/js/plupload.silverlight.xap',//silverlight环境             路径  
            设置  
            url : '$\{pageContext.request.contextPath\}/UploadServlet',//上传文件路径  
            max\_file\_size : '5mb',//100b, 10kb, 10mb, 1gb  
            chunk\_size : '100mb',//分块大小，小于这个大小的不分块  
            unique\_names : true,//生成唯一文件名  
            multi\_selection: false,  
            //multiple\_queues : true,//是否可以多次上传  
            // 如果可能的话，压缩图片大小  
            // resize : \{ width : 320, height : 240, quality : 90 \},  
            // 指定要浏览的文件类型  
            filters : \[ \{  
                title : 'Image files',  
                extensions : 'jpg,gif,png'  
            \}  
            /\* , \{  
                title : 'Zip files',  
                extensions : 'zip,7z,rar'  
            \} \*/  
            , \{  
                title : 'Office files',  
                extensions : 'doc,docx,excel,ppt,txt,mpp,xls,xlsx,pdf'  
            \}  
            /\* , \{  
                title : 'exe files',  
                extensions : 'exe,bit,bat'  
            \} \*/  
            \],  
            init : \{  
                BeforeUpload:function(up,file)\{  
                    /\* $.post('$\{pageContext.request.contextPath\}/docinf/docinfDoc/checkDocIsExist.do',   
                    \{name:file.name\}, function(json) \{  
                        if (json.success) \{  
                            ;  
                        \} else \{  
                            $.messager.show('提示', json.msg, 'info');  
                        \}  
                    \},"JSON"); \*/  
                \},   
                FileUploaded : function(up, file, info) \{//文件上传完毕触发  
                    var response = $.parseJSON(info.response);  
                    if (response.status) \{  
                        $("\#isUploadFile").attr("value",true);//给隐藏域 赋值 表示 有上传文件  
                        $('\#form').append('<input type="hidden" name="urlfileName" value="'+file.id+'"/>');  
                        $('\#form').append('<input type="hidden" name="fileUrl" value="'+response.fileUrl+'"/>');  
                        $('\#form').append('<input type="hidden" name="fileName" value="'+file.name+'"/><br/>');  
                    \}  
                \},  
                FilesAdded : function(uploader, file)\{  
                    if(file\[0\].name.length>25) \{  
                        $.messager.show('提示',"文件名称太长！", 'info');  
                        return;  
                    \}  
                    if(uploader.files.length>1) \{ // 最多上传3张图  
                        $.messager.show('提示',"只能上传一个文件，请删除多余文件！", 'info');  
                        return;  
                    \}  
                    uploader.start();  
                \}  
            \}  
        \});  
        // 客户端表单验证  
        $('\#form').submit(function(e) \{  
            var uploader = $('\#uploader').pluploadQueue();  
            if (uploader.files.length > 0) \{// 判断队列中是否有文件需要上传  
                uploader.bind('StateChanged', function() \{// 在所有的文件上传完毕时，提交表单  
                    if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) \{  
                        $('form')\[0\].submit();  
                    \}  
                \});  
                uploader.start();     
            \} else \{  
                //alert('请选择至少一个文件进行上传！');  
                $.messager.show('提示', '请选择至少一个文件进行上传！', 'error');  
            \}  
            return false;  
        \});  
    \});