JS上傳圖片前的限制包括(jpg jpg gif及大小高寬)等_javascript技巧

功能：
1.限制副檔名：只能jpg || jpg與gif
2.限制圖片大小：K為單位
3.限制圖片寬高：px為單位（要么都有，要么都無）
4.限制已經損壞的圖片（沒有預覽的圖片）
5.限制更改過擴展名的圖片（例如強制把一個動態的GIF擴展名改為JPG了）
使用限制：
要在InputFile裡增加onchange事件，使其選擇檔案後能在一個img標籤裡加載出來，否則使用會出錯
imglimit.js

複製程式碼 程式碼如下:

function limitImg(){
varimg=docum. getElementById(arguments[0]);//顯示圖片的物件
var maxSize=arguments[1];//
var allowGIF=arguments[2]||false;
var maxWidth=arguments[33 ]||0;
var maxHeight=arguments[4]||0;
var postfix=getPostfix(img.src);
var str=".jpg";
if(allowGIF) {str =".gif"}
if(str.indexOf(postfix.toLowerCase())==-1){
if(allowGIF){return "圖片格式不對，只能上傳jpg或gif圖片";}else{return "圖片格式不對，只能上傳jpg圖片";}
}else if(img.fileSize>maxSize*1024){
return "圖片大小超過限制,請限制在" maxSize "K以內";
}else{
if(img.fileSize==-1){
return "圖片格式錯誤，可能是已經損壞或更改副檔名導致，請重新選擇一張圖片";
}else{
if(maxWidth>0){
if(img.width>maxWidth){
return "圖片寬度超過限制，請保持在" maxWidth "像素內";
}else{
if(img.height>maxHeight){
return "圖片高度超過限制，請保持在" maxHeight "像素內";
}else{
return "" ;
}
}
}else{
return "";
}
}
}
}
//依照路徑取得檔案副檔名
function getPostfix(path){
return path.substring(path.lastIndexOf("."),path.length);
}

頁呼叫：🎜>}

頁呼叫： 複製程式碼

程式碼如下: