アップロードされるファイルのサイズと形式を制限する jQuery プラグインの例_jquery

(関数 ($) {
$.fn.checkFileTypeAndSize = 関数 (オプション) {
//デフォルト設定
var デフォルト = {
許可される拡張子: []、
maxSize: 1024, //単位はKB、デフォルトの最大ファイルサイズは1MB=1024KBです
成功: function () { },
extensionerror: function () { },
サイズエラー: function () { }
};
//マージ設定
options = $.extend(defaults, options);
//要素を走査
return this.each(function () {
$(this).on('change', function () {
//ファイルパスを取得
var filePath = $(this).val();
//ファイルパスは小文字で表記します
var fileLowerPath = filePath.toLowerCase();
// ファイルのサフィックス名を取得します
var extension = fileLowerPath.substring(fileLowerPath.lastIndexOf('.') 1);
//サフィックス名がプリセットおよび許可されるサフィックス名の配列に含まれているかどうかを判断します
If ($.inArray(extension, options.allowedExtensions) == -1) {
options.extensionerror();
$(this).focus();
} else {
{
をお試しください var size = 0;
If ($.browser.msie) {//つまり古いバージョンのブラウザ
var fileMgr = new ActiveXObject("Scripting.FileSystemObject");
var fileObj = fileMgr.getFile(filePath);
サイズ = fileObj.size //バイト
; サイズ = サイズ / 1024;//kb
//サイズ = サイズ / 1024;//mb
} else {//その他のブラウザ
サイズ = $(this)[0].files[0].size;//byte
サイズ = サイズ / 1024;//kb
//サイズ = サイズ / 1024;//mb
} If (サイズ > options.maxSize) {
options.sizeerror();
} else {
options.success();
} } catch (e) {
alert("エラー: "e);
}
}
});
});
};
})(jQuery);

{

<スクリプトタイプ="text/javascript">
$(function() {
$('#f').checkFileTypeAndSize({
AllowedExtensions：['jpg']、
maxSize: 10、
成功: function() {
アラート('ok');
},
拡張エラー: function() {
alert('許可される形式は jpg');
return;
},
サイズエラー: function() {
alert('最大サイズ 10kb');
return;
}
});
});

}