質問編集履歴
2
動作デモを追加
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,5 +1,8 @@
|
|
1
1
|
Dropzonejs(http://www.dropzonejs.com)を複数箇所設置して動かしていますが、この時に
|
2
2
|
アップロード済みの画像をダブルクリックしたら画像を削除するシーケンスを入れたいです。
|
3
|
+
|
4
|
+
動作デモ:https://2nd-train.net/users/submission2ndnewnotmem
|
5
|
+
|
3
6
|
(同時にIDがinsertid1になっている部分の書き換えも実施)ですが、
|
4
7
|
どのように記述すれば良いでしょうか。
|
5
8
|
jqueryの記法で以下のように記述しています。
|
1
追記
title
CHANGED
File without changes
|
body
CHANGED
@@ -34,7 +34,23 @@
|
|
34
34
|
},
|
35
35
|
success:function(file,xhr,formData){
|
36
36
|
document.getElementById('insertid1').value=xhr.res.insertid;
|
37
|
+
},
|
38
|
+
,init: function() {
|
39
|
+
this.on("addedfile", function(file) {
|
40
|
+
|
41
|
+
file.previewElement.addEventListener(\"dblclick\", function() {
|
42
|
+
console.log("削除シーケンス実行");
|
43
|
+
//アップロード画像をダブルクリックするとこのconsole.logまでは表示されるが、画像の削除ができない
|
44
|
+
//this.removeFile(file); でもダメで、this.removeFile is not a functionのエラーになる。今の表記では$(...).removeFile is not a functionエラーが出る。
|
45
|
+
$('.my-awesome-dropzone1').removeFile(file);
|
46
|
+
|
47
|
+
|
48
|
+
|
49
|
+
});
|
50
|
+
|
51
|
+
});
|
52
|
+
|
37
|
-
|
53
|
+
}
|
38
54
|
});
|
39
55
|
$('.my-awesome-dropzone2').dropzone({
|
40
56
|
//my-awesome-dropzone1と同じ処理をやっているため省略
|