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

質問編集履歴

1

試してみたことの更新

2020/07/06 03:10

投稿

takaoS
takaoS

スコア9

title CHANGED
File without changes
body CHANGED
@@ -51,7 +51,7 @@
51
51
  var canvas_width = 250;
52
52
  var canvas_height = 250;
53
53
 
54
- input_image.addEventListener('charge', () => {
54
+ input_image.addEventListener('change', () => {
55
55
  var file = this.files[0];
56
56
  var image = new Image();
57
57
  var reader = new FileReader();
@@ -93,4 +93,15 @@
93
93
 
94
94
  足りない情報などありましたらご指摘いただけると助かります。
95
95
 
96
- よろしくお願い致します。
96
+ よろしくお願い致します。
97
+
98
+
99
+ ### 追記
100
+
101
+ イベントリスナーがchangeではなくて、chargeと書かれていたので修正して再度実行してみたところ、以下のエラーが出ました。
102
+
103
+ ```
104
+ script2.js:104 Uncaught TypeError: Cannot read property '0' of undefined at HTMLInputElement.<anonymous>
105
+ ```
106
+
107
+ どうやら、「input_image.files[0]なんて定義されていない」と言われているのですが、何故なのでしょうか?