jQuery File Upload プラグインを使用しています。
選択したすべてのファイルのアップロードが完了したときにイベントをトリガーできるようにしたいと考えています。これまでのところ、アップロードするファイルが選択されたとき、および特定の各ファイルのアップロードが終了したときにアクションを実行するためのイベントがあります-選択したすべてのファイルのアップロードが終了したことを検出する方法はありますか?
実際のアプリはこちらhttp://repinzle-demo.herokuapp.com/upload
私の入力フィールドは次のようになります。
<div id="fine-uploader-basic" class="btn btn-success" style="position: relative; overflow: hidden; direction: ltr;">
私のスクリプトコードは次のようになります。
<script>
$(function () {
$('#fileupload').fileupload({
dataType: 'json',
add: function (e, data) { // when files are selected this lists the files to be uploaded
$.each(data.files, function (index, file) {
$('<p/>').text("Uploading ... "+file.name).appendTo("#fileList");
});
data.submit();
},
done: function (e, data) { // when a file gets uploaded this lists the name
$.each(data.files, function (index, file) {
$('<p/>').text("Upload complete ..."+file.name).appendTo("#fileList");
});
}
});
});
</script>
次のような Play Framework (Java) コントローラーでリクエストを処理しています。
公開
c static void doUpload(File[] files) throws IOException{
List<ImageToUpload> imagesdata = new ArrayList<ImageToUpload>();
//ImageToUpload has information about images that are going to be uploaded, name size etc.
for(int i=0;i<files.length;i++){
Upload upload = new Upload(files[i]);
upload.doit(); //uploads pictures to Amazon S3
Picture pic = new Picture(files[i].getName());
pic.save(); // saves metadata to a MongoDB instance
imagesdata.add(new ImageToUpload(files[i].getName()));
}
renderJSON(imagesdata);
}