Я использую плагин blueint jquery.fileupload для загрузки файлов с помощью asp.net.
У меня есть ситуация, когда у меня есть страница, позволяющая пользователю выбрать категорию (раскрывающийся список), заголовок (для загруженного файла - TextBox) и ввод файла (обрабатывается плагином).
плагин: https://github.com/i-e-b/jQueryFileUpload.Net
javascript/jquery:
$('#fileup').fileupload({
replaceFileInput: false,
formData: function (form) {
return [{ name: 'dcat', value: $('#ddlCats').val() }, { name: 'title', value: $('#txtTitle').val()}];
},
dataType: 'json',
url: '/_handlers/FileHandler.ashx',
add: function (e, data) {
var valid = true;
var re = /^.+\.((doc)|(xls)|(xlsx)|(docx)|(pdf)|(pts))$/i;
$.each(data.files, function (index, file) {
if (!re.test(file.name)) {
$('#uploaded').html('This file type is not supported');
valid = false;
}
});
if (valid)
data.submit();
},
done: function (e, data) {
$.each(data.result, function (index, file) {
$('#uploaded').html(file);
});
GetFiles($('#ddlCats').val())
},
error: function () {
alert('An error occured while uploading the document.');
}
});
HTML:
<div id="fUpload">
<span style="font-weight:bold;">Yeni Belge:</span><br />
<table class="ktoeos">
<tr>
<td>Category:</td>
<td> <select id="ddlCats"></select></td>
</tr>
<tr>
<td>Document Description:</td>
<td><input type="text" id="txtTitle" /></td>
</tr>
<tr>
<td>Select Document:</td>
<td><input type="file" name="file" id="fileup" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" id="btnSubmit" value="Upload" /></td>
</tr>
</table>
<div id="uploaded"></div>
Моя проблема в том, что файл загружается (через обработчик http) сразу после того, как я выбираю файл. Я могу справиться с этим, чтобы отправить другие данные формы вместе с ним, однако я хочу запустить это событие на кнопке отправки, так как мне нужно выполнить некоторую проверку. Кроме того, пользователь может захотеть сначала выбрать файл, а затем заполнить другие части формы, что в этом случае он не может сделать из-за того, что форма отправляется до того, как он сможет это сделать.
Поскольку я не очень хороший программист javascript, я понятия не имею, доступна ли эта функциональность (что, вероятно, есть) в файлах .js, доступных с плагином. Любые идеи, что мне нужно изменить или сделать?
