//圖片上傳大小和後綴檢查
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();
}
javascript圖片驗證
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.