teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

動作デモを追加

2017/06/16 10:03

投稿

Nanohana
Nanohana

スコア123

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

追記

2017/06/16 10:03

投稿

Nanohana
Nanohana

スコア123

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と同じ処理をやっているため省略