javascript圖片驗證

//圖片上傳大小和後綴檢查
function fileChange(target){  
//檢測上傳文件的類型 
   var imgName = target.value;
    var ext,idx;   
    if (imgName == ''){  
       document.all.submit_upload.disabled=true; 
        alert("請選擇需要上傳的文件!");  
        return; 
    } else {   
        idx = imgName.lastIndexOf(".");   
        if (idx != -1){   
            ext = imgName.substr(idx+1).toUpperCase();   
            ext = ext.toLowerCase( ); 
           // alert("ext="+ext);
            if (ext != 'jpg' && ext != 'png' && ext != 'jpeg' && ext != 'gif'){
              document.all.submit_upload.disabled=true;   
                alert("只能上傳.jpg  .png  .jpeg  .gif類型的文件!"); 
                return;  
            }   
        } else {  
          document.all.submit_upload.disabled=true; 
           alert("只能上傳.jpg  .png  .jpeg  .gif類型的文件!"); 
           return;
        }   
    }
    //檢測上傳文件的大小        
    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;  
    var fileSize = 0;           
    if (isIE && !target.files){       
        var filePath = target.value;     
        var fileSystem = new ActiveXObject("Scripting.FileSystemObject");          
        var file = fileSystem.GetFile (filePath);       
        fileSize = file.Size;      
    } else {      
        fileSize = target.files[0].size;       
    }     
    if(fileSize>(1024*1*1024)){    
        document.all.submit_upload.disabled=true;
        alert("文件大小不能超過1M");   
    }else{
    document.all.submit_upload.disabled=false;
    }    
}     


//上傳更多圖片
function uploadMore(){
	$("#productImgTd").append(
	$("<div><input type=\"file\" value=\"\" name=\"productImg\" οnchange=\"fileChange(this);\"/> <input type=\"button\" value=\"-\" οnclick='rvmFileDiv(this)'/></div>")
	);
}

//移除上傳圖片的file
function rvmFileDiv(bnt){
	$(bnt).parent().remove();
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章