jquery校驗圖片尺寸，大小
阿新 • • 發佈：2019-01-22
<input type="file" name="files" id="file12" uploadType="png" onchange="checkImg(this)" />
function checkImg(img){
var reader = new FileReader();reader.onload = function(evt) {
var image = new Image();
image.src = evt.target.result;
var height = image.height;
var width = image.width;
var filesize = img.files[0].size;
if(width!=720 && height!=212 && filesize>204800){
alert('請上傳720*212畫素，最大不超過2M的圖片!');
//不符合正確的圖片格式，我做了一個隱藏id,並賦值為1.表單提交時，通過這個值來判斷。
$("#ImgVal1").val(1);}
}
reader.readAsDataURL(img.files[0]);
}
頁面上校驗圖片大小，存在有些瀏覽器不相容問題！瀏覽器相容問題可以查下下面的網址！
http://caniuse.mojijs.com/Home/Html/item/key/filereader/index.html
個人建議：不要在頁面上做圖片大小校驗，避免瀏覽器不相容問題。解決辦法1.可以考慮後臺校驗，或者是html5頁面的可以，因為html5基本上都相容。
如果你是湖南的 歡迎加入 湖南人在深圳-Java群：557651502