У меня есть форма, которая должна загружать на сервер несколько изображений. Используя директиву this angular plupload, у меня есть рабочая демонстрация ... вроде.Plupload, угловая и ожидающая отправки кнопки
Используя это, на мой взгляд:
<a plupload="vm.fileUpload.url"
plupload-options="vm.fileUpload.options"
plupload-callbacks="vm.fileUpload.callbacks">
Upload Button
</a>
И это в моем контроллере:
vm.fileUpload = {
url: 'http://localhost:29365/api/building',
callbacks: {
filesAdded: function(uploader, files) {
vm.loading = true;
$timeout(function() {
uploader.start();
}, 1);
},
uploadProgress: function(uploader, file) {
vm.loading = file.percent/100.0;
},
fileUploaded: function(uploader, file, response) {
vm.loading = false;
vm.uploadedFiles.push(file);
console.log('Upload Complete!');
},
error: function(uploader, error) {
vm.loading = false;
console.log(error.message);
}
}
}
я могу загрузить файлы на мой сервер (ASP.NET API, в данном случае). Изображения отправляются, я вижу их. Ура.
Проблема в том, что все эти изображения отправляются в тот момент, когда я их выбираю. Он присутствует в обратном вызове filesAdded
. Для моих целей это плохо. У меня есть другие данные формы, которые я бы хотел отправить вместе с изображениями, и я также хотел бы дать пользователю возможность изменить свое мнение и удалить изображение до его отправки на сервер.
Итак, я хотел бы, чтобы plupload готовил изображения, а затем дождался, когда пользователь ударит кнопку отправки, прежде чем что-либо будет отправлено.
Есть ли что-то вроде линии обратной связи submitted
Я могу установить на кнопку? Может ли он использоваться с the directive I mentioned earlier?