jQuery を使用してアップロードされた画像の形式とサイズを確認する_jquery

コードは非常にシンプルで、一般的な画像形式が検証に追加されており、友人はそれを直接使用できます。

くだらない話はやめて、コードに直接取り組みましょう

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

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">
<頭>


<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("#form01").change( function(){
var filepath=$("input[name='myFile']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase();
if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
alert("画像は bmp、png、gif、jpeg、jpg 形式に限定されます");
false を返します;
}else{$("#name01").text(ext)}
var file_size = 0;
if ( $.browser.msie) {
var img=新しい画像();
img.src=ファイルパス;
while(true){
if(img.fileSize > 0){
if(img.fileSize>3*1024*1024){
alert("画像は 100MB を超えないようにしてください。");
}その他{
var num03 = img.fileSize/1024;
num04 = num03.toFixed(2)
$(".size02").text(num04 "KB");
}
休憩;
}
}
} else {
file_size = this.files[0].size;
console.log(file_size/1024/1024 "MB");
var size = file_size / 1024;
if(サイズ > 10240){
alert("アップロードされるファイルのサイズは 10M を超えることはできません!");
}その他{
var num01 = ファイルサイズ/1024;
num02 = num01.toFixed(2)
$("#size01").text(num02 "KB");
}
}
true を返します;
});
});




<表の幅="500" セル間隔="0" セルパディング="0">

/td>

/td>

上記のコードは非常に簡単ですので、ここでは説明しませんが、使用する際は美しくすることを忘れないでください。