圖片上傳判斷及預覽腳本的效果實例_javascript技巧
relative;left:-130px;cursor:pointer ;"/>
var $$ = function(id) {
return "string" == typeof id ? document.getElementById(id) : id;
};
/*
/*
圖片驗證
*/
//驗證上傳圖片格式
function checkupload(ele) {
var obj = $$("FileUploadImg");
(/^(.*)(.)(.{1,8})$/)[3]; //這個檔案類型正規很有用：)
if (fileContentType == 'gif' || fileContentType = = 'jpeg' || fileContentType == 'png' || fileContentType == 'jpg') {
//驗證上傳圖片大小
alert ('上傳檔案格式不正確!');
return false;
}
return false;
}
//驗證上傳圖片尺寸🎜> var maxSize = 100 * 1024;
//ie
if (window.navigator.userAgent.indexOf("MSIE") >= 1) { try {
fso = new ActiveXObject('Scripting.FileSystemObject');
.Size);
return file.Size } catch (e) {
alert("瀏覽器設定停用ActiveX }
}
//firefox
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
//alert(ele.files[0].fileSize);
maxSize;
}
return false;
}
//載入預覽圖
function previewImage(ele) {
. imgDiv = $$("imgbox");
imgDiv.innerHTML = "";
imgDiv. ";
/ /ie
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
imgDiv.filters("DXImageTransform.Microsoft imgDiv.filters("DXImageTransform.Microsoft else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
imgDiv.innerHTML = ".%20>%22;<BR>%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%20%7D%20else%20%7B<BR>%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%C2%A0%20imgDiv.innerHTML%20=%20%22<span%20style%C2%A0red;)
IE/mgDiv.innerHTML = "IE/T > } else {
$$("FileUploadImg").value = "";
$$("imgbox")。 ='' width='100' style="max-width:90%" />";
//alert('重設上傳控制');
}
}
}
}
}
}
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
