1 完整代碼html
$(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"); */html5
},
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/>');
}
},json
FilesAdded : function(uploader, file){
if(file[0].name.length>25) {
$.messager.show('提示',"文件名稱太長!", 'info');
return;
}
if(uploader.files.length>1) { // 最多上傳3張圖
$.messager.show('提示',"只能上傳一個文件,請刪除多餘文件!", 'info');
return;
}app
uploader.start();
}
}
});post
// 客戶端表單驗證
$('#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;
});url
});excel
2 關鍵代碼orm
FilesAdded : function(uploader, file){
if(file[0].name.length>25) {
$.messager.show('提示',"文件名稱太長!", 'info');
return;
}
if(uploader.files.length>1) { // 最多上傳1個文件
$.messager.show('提示',"只能上傳一個文件,請刪除多餘文件!", 'info');
return;
}htm
uploader.start();
}
隊列