서버에 여러 이미지를 업로드해야하는 양식이 있습니다. this angular 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과 함께 사용할 수 있습니까?