質問編集履歴

1

質問の追記

2016/09/27 05:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -39,3 +39,75 @@
39
39
  Uncaught TypeError: tar.execCommand is not a function
40
40
 
41
41
  ```
42
+
43
+
44
+
45
+ **追記**
46
+
47
+
48
+
49
+ 上記はいただいた回答(セレクタを使わずに「document.execCommand('insertImage', false, 'm.jpg')」を使用する)解決したのですが、本来実施したかった以下のものがどうやってもうまくいきません。
50
+
51
+ 実際に自分がブラウザから選択した画像だけでなく、もともとファイル名を指定したものまで表示されない状況です。
52
+
53
+
54
+
55
+ こちらの原因もわかりますでしょうか?
56
+
57
+
58
+
59
+
60
+
61
+ ```HTML
62
+
63
+ <div class='body-text' contenteditable=true></div>
64
+
65
+
66
+
67
+ <div class='select-image'>
68
+
69
+ <label>
70
+
71
+ Select Image
72
+
73
+ <input type='file' name='image' onchange={ inputImage } hidden>
74
+
75
+ </label>
76
+
77
+ </div>
78
+
79
+ ```
80
+
81
+
82
+
83
+ ```Javascript
84
+
85
+ this.inputImage = (e) => {
86
+
87
+ var fileData = e.target.files[0]
88
+
89
+ var fileType = fileData.type
90
+
91
+
92
+
93
+ var reader = new FileReader()
94
+
95
+
96
+
97
+ reader.onload = () => {
98
+
99
+ var url = reader.result
100
+
101
+ console.log('check')//checkは出力される
102
+
103
+ document.execCommand('insertImage', false, 'm.jpg')//m.jpgはどこにも挿入されず
104
+
105
+ document.execCommand('insertImage', false, url)//選択した画像もどこにも挿入されず
106
+
107
+ }
108
+
109
+ reader.readAsDataURL(fileData)
110
+
111
+ }
112
+
113
+ ```