JQuery Проверить тип входного файла
У меня есть форма, которая может иметь 0 сотен<input type="file">
элементы. Я назвал их последовательно в зависимости от того, сколько из них динамически добавляются на страницу.
Например:
<input type="file" required="" name="fileupload1" id="fileupload1">
<input type="file" required="" name="fileupload2" id="fileupload2">
<input type="file" required="" name="fileupload3" id="fileupload3">
<input type="file" required="" name="fileupload999" id="fileupload999">
В моем JQuery я хочу проверить эти входные данные на приемлемый MIME / тип файла. Нравится:
$("#formNew").validate({
rules: {
fileupload: {
required: true,
accept: "image/jpeg, image/pjpeg"
}
}
Сразу же моя проблема заключается в том, чтоname
Атрибут элементов входного файла является динамическим. Он должен быть динамичным, чтобы мое веб-приложение могло правильно обрабатывать каждую загрузку. Очевидно, что использование fileupload не сработает в разделе правил.
Как установить правила для всех входных данных, которые имеют имя, например «fileupload»?
Это код, который динамически добавляет входные данные:
var filenumber = 1;
$("#AddFile").click(function () { //User clicks button #AddFile
$('<li><input type="file" name="FileUpload' + filenumber + '" id="FileUpload' + filenumber + '" required=""/> <a href="#" class="RemoveFileUpload">Remove</a></li>').prependTo("#FileUploader");
filenumber++;
return false;
});
$("#FileUploader").on('click', '.RemoveFileUpload', function () { //Remove input
if (filenumber > 0) {
$(this).parent('li').remove();
filenumber--;
}
return false;
});