type=file 上傳圖片限制 類型和尺寸 方法

<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /> </form>

可以接受 GIF 和 JPEG 兩種圖像

 

如果不限制圖像的格式，可以寫為：accept="image/*"。

 

上傳圖片大小限制

 

<input type="file" id="tp" name="tp" onchange="upload(this)" accept="image/*"/>

 

//限制圖片寬高：418 * 282

function upload(){

var myimg = URL.createObjectURL(document.getElementById('tp').files[0]);

var img = new Image();

img.src = myimg;

img.onload = function(){

if(img.width > 425 || img.height > 295){

alert("只能上傳小於418x282的圖片！");

$(".remove").click();

}

};

};