1.必須熟讀jQuery File Upload 文檔,在add方法中進行判斷,如果不符合條件,就用 data.abort()方法取消上傳動作。
$("file").fileupload({...}).on('fileuploadadd', function (e, data) { var files=data.files; if(navigator.userAgent.indexOf("MSIE 8.0")>0 || navigator.userAgent.indexOf("MSIE 9.0")>0){ var objPreviewSizeFake = $('<img style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);width:300px;visibility:hidden;" />').appendTo('body').getDOMNode(); objPreviewSizeFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src; //var objPreviewSizeFake = $(".conImage").get(0);//jquery對象轉化為DOM對象 var fileupload = document.getElementById("head"); var $fileupload = $(fileupload); $fileupload.select(); $fileupload.blur(); path = document.selection.createRange().text; if (/"\w\W"/.test(path)) { path = path.slice(1,-1); } objPreviewSizeFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = path; width_${fileInputId}=objPreviewSizeFake.offsetWidth; height_${fileInputId}=objPreviewSizeFake.offsetHeight; if(width_${fileInputId}> 800 || height_${fileInputId}> 800){ alert("上傳的圖片的寬和高都不能超過800px,當前圖片高度"+width_${fileInputId}+"px,寬度"+height_${fileInputId}+"px,請裁剪后再上傳。否則無法通過審核噢。"); data.abort(); } document.selection.empty(); }else{ for (var i = 0; i < files.length; i++) { var file = files[i]; var reader = new FileReader(); var ret = []; reader.onload = function(theFile) { var image = new Image(); image.onload = function() { width_${fileInputId}=this.width; height_${fileInputId}=this.height; if(width_${fileInputId}> 800 || height_${fileInputId}> 800){ alert("上傳的圖片的寬和高都不能超過800px,當前圖片高度"+width_${fileInputId}+"px,寬度"+height_${fileInputId}+"px,請裁剪后再上傳。否則無法通過審核噢。"); data.abort(); } }; image.src = theFile.target.result; } reader.readAsDataURL(file); } } })
2.參考:
http://www.imooc.com/article/12798