アップロードしたjs検証（画像・ファイル拡張子）_javascriptスキル

js 検証アップロード画像

コードをコピー コードは次のとおりです:

var ImgObj =new Image();//画像オブジェクトを作成します
varAllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//すべての画像形式タイプ
varFileObj,ImgFileSize, ImgWidth,ImgHeight ,FileExt,ErrMsg,FileMsg,IsImg//画像関連のグローバル変数
//以下は制限変数です
varAllowExt="" //アップロードできるファイルの種類はそれぞれ無制限です。拡張子の後に「|」を追加して表す必要があります。
varAllowImgFileSize=100; //アップロードできる画像ファイルのサイズは無制限です。単位: KB
varAllowImgWidth=385;アップロードできる画像ファイルの幅 Ɓ はなし 制限単位: px (ピクセル)
varallowImgHeight=441; //アップロードできる画像の高さ ƹ 単位: px (ピクセル)
function CheckProperty(obj) //画像のプロパティを検出
{
FileObj=obj;
if(ImgObj.readyState!="complete")//画像が読み込まれていない場合は、ループ検出を実行します
{
setTimeout("CheckProperty(FileObj)",500) ;
return false;
}
ImgFileSize=Math.round(ImgObj.fileSize/1024*100)//画像ファイルのサイズを取得します
ImgWidth=ImgObj.width;//画像の幅を取得します
ImgHeight=ImgObj.height; //画像の高さを取得します
FileMsg="nImage size: " ImgWidth "*" ImgHeight "px";
FileMsg=FileMsg "n画像ファイル サイズ:" " ImgFileSize "Kb"
FileMsg=FileMsg "n画像ファイル拡張子:" FileExt "n アップロードできます! "; >ErrMsg="";
if(AllowImgWidth!=ImgWidth)
ErrMsg =ErrMsg "n「AllowImgWidth」px に等しい幅のファイルをアップロードしてください。現在の画像の幅は「ImgWidth "px」です。 >if(AllowImgHeight!=ImgHeight)
ErrMsg=ErrMsg "n「AllowImgHeight」 px ファイルに等しい高さのファイルをアップロードしてください。現在の画像の高さは " ImgHeight "px" です。
if(AllowImgFileSize!=0&&AllowImgFileSizeErrMsg=ErrMsg "n「AllowImgFileSize」KB より小さいファイルをアップロードしてください。現在のファイル サイズは「ImgFileSize "KB」です。
if(ErrMsg!="")
{
alert(ErrMsg);
return false;
}
else
return
}//end CheckProperty();
ImgObj.onerror=function(){ErrMsg=' n画像の形式が間違っているか、画像が破損しています!';}
function CheckExt(obj)
{
ErrMsg="";
IsImg=false; 🎜>if(obj.value=="")
return false;
FileExt=obj.value.substr( obj.value.lastIndexOf(".")).toLowerCase(); AllImgExt.indexOf(FileExt "|")!=-1)//画像ファイルの場合、画像情報処理を行う
{
IsImg=true;
FileObj=obj; obj.value;
returnCheckProperty(obj);
}else
{
alert("このファイル タイプはアップロードできません。 「AllImgExt」タイプのファイルをアップロードしてください。現在のファイルタイプは「FileExt」です);
obj.value='';
return false;
}
}



アップロードされた js の検証

アップロードされたファイル
js の拡張子を制御する方法を紹介します:

コードをコピー

コードは次のとおりです:

function check2() { var file = document.getElementsByName("file").value; 🎜>if( file=="") { alert("ファイルを選択してください");

return false;

}
var strTemp = file.split("." );
var strCheck = strTemp.length-1];
if(strCheck.toUpperCase()=='JPG')
{
}else
{
alter('アップロードされたファイルの種類が間違っています!');
return
}
}


フォーム:




コードをコピー

コードは次のとおりです:

/form> document.getElementsByName("file").value はアップロードされたファイルの絶対パスを取得するため、ファイルの拡張子を分割するために文字列分割メソッドが使用されることに注意してください。 、そして判断が下されます。