1. 程式人生 > >type=file 上傳圖片限制 型別和尺寸 方法

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();

}

};

};