ホームページ  >  記事  >  ウェブフロントエンド  >  画像アップロード判定とプレビュースクリプト効果例_JavaScriptスキル

画像アップロード判定とプレビュースクリプト効果例_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:26:35924ブラウズ
コードをコピー コードは次のとおりです:



-130px;cursor:pointer;" />
var $$ = function(id) {
return "string" == typeof id document.getElementById(id) : id;
};
/*
画像検証
*/
//アップロードされた画像形式を検証
function checkload(ele) {
var obj = $$("FileUploadImg" );
var fileContentType = obj.value.match(/^(.*)(.)(.{1,8})$/)[3]; //このファイル タイプの正規表現は非常に便利です:) if(filecontenttype == 'gif' || filecontenttype == 'jpeg' || filecontenttype == 'png' || filecontenttype == 'jpg'){
} else {
alert( 'the the the the the the theアップロードされたファイルの形式が間違っています!'); function checkFileSize(ele) {
var maxSize = 100 * 1024;
//ie
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
var fso ;
try {
fso = new ActiveXObject('Scripting.FileSystemObject');
var file = fso.GetFile(ele.value);
//alert(file.Size);
}
//firefox
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
//アラート(ele.files[0].fileSize);
return ele.files[0].fileSize < maxSize;
}
return false;
}
//プレビュー画像をロード
functionreviewImage(ele) {
if (ele && Inspectionload(ele)) {
var imgDiv = $$("imgbox");
imgDiv.innerHTML = "";
imgDiv. style.width = "100px";
imgDiv.style .height = "125px"; Microsoft.AlphaImageLoader(sizingMethod =scale)";
ウィンドウ。navigator.userAgent.indexOf("Firefox") >= 1 ) {
imgDiv.innerHTML = "";
} else {
imgDiv.innerHTML = "IE/Firefox ブラウザ 画像プレビューのみサポート ";
}
} else {
$$("FileUploadImg").value = ""; "";
//alert('アップロード制御をリセット' );
}
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。