我在Wordpress中的USP Pro表單中使用parsley.js。一般來說,驗證工作,但現在我試圖驗證最大文件大小,我真的不知道該怎麼做。使用parsley.js驗證最大文件上傳大小
我發現這些instructions,但無法使其工作。
這裏是我的代碼:
<input type="file" data-parsley-error-message="This field is required" required="required" placeholder="File(s)" name="usp-files[]" multiple="multiple" data-filemaxsize="1.5" maxlength="255" class="file-input usp-input usp-input-files usp-clone" id="usp-multiple-files" data-parsley-id="3077">
window.ParsleyConfig = {
validators: {
filemaxsize: function (val, max_megabytes, parsleyField) {
if (!Modernizr.fileapi) { return true; }
var $file_input = $(parsleyField.element);
if ($file_input.is(':not(input[type="file"])')) {
console.log("Validation on max file size only works on file input types");
return true;
}
var max_bytes = max_megabytes * BYTES_PER_MEGABYTE, files = $file_input.get(0).files;
if (files.length == 0) {
// No file, so valid. (Required check should ensure file is selected)
return true;
}
return files.length == 1 && files[0].size <= max_bytes;
}
},
messages: {
filemaxsize: "The file cannot be more than %s megabytes."
}
};
window.Modernizr.addTest('fileapi', function() { return window.File && window.FileReader; });
window.BYTES_PER_MEGABYTE = 1048576;
jQuery(function($){
$('.usp-form').parsley();
});
我試着上傳19兆字節的圖片,什麼都沒有發生。沒有錯誤或任何東西,控制檯中沒有任何東西
我錯過了什麼?
這個parsley插件可能會被任何人用於這個問題:https://github.com/happyDemon/ParsleyJS-LaraExtras(檢查圖像驗證器) – dave 2016-07-07 08:16:08