teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Uncaught TypeError: Failed to execute 〜〜〜parameter 1 is not of type 'Blob'.

編集履歴

質問編集履歴

9

修正

2019/01/07 07:41

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
@@ -64,8 +64,6 @@
64
64
  document.getElementById('result').appendChild(outputImg);
65
65
  }
66
66
  }
67
- });
68
-
69
67
  ```
70
68
 
71
69
  ```HTML

8

HTML修正

2019/01/07 07:41

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
@@ -69,6 +69,12 @@
69
69
  ```
70
70
 
71
71
  ```HTML
72
+ <div class='sell-dropbox-container clearfix'>
73
+ 　<div class='have-item-0 sell-upload-items'>
74
+ 　　<ul>
75
+ 　　</ul>
76
+ 　</div>
77
+ <label for="item_images"><div class='clearfix have-item-0 sell-upload-dropbox'>
72
78
  <input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
73
79
  <pre>
74
80
  　ドラッグアンドドロップ

7

マークダウン記法に変更,タグ追加

2019/01/07 07:38

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
@@ -105,6 +105,7 @@
105
105
  　<a href="">
106
106
  　　完了
107
107
  　</a>
108
+ ```
108
109
  ### 不明点
109
110
 
110
111
  reader.readAsDataURL(fileData);の部分が悪いんだとは思うのですがエラー内容が読み解けず撃沈しています。

6

マークダウン記法に変更した

2019/01/07 07:34

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
File without changes

5

マークダウン記法に変更した

2019/01/07 07:29

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
@@ -87,13 +87,13 @@
87
87
  　　　</div>
88
88
  <a class="disabled" tabindex="-1" href="/"><input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
89
89
  　<span>
90
- 　　写真を変更する
90
+ 　 写真を変更する
91
91
  　</span>
92
92
  </a>
93
93
  <i class='fas fa-camera'></i>
94
94
  </div>
95
95
  <div class='sell-crop-editor'>
96
- 　<canvas id='c1' style='cursor: grab;'></canvas>
96
+ <canvas id='c1' style='cursor: grab;'></canvas>
97
97
  </div>
98
98
  <div class='clearfix'>
99
99
  　<li class='cansel-button' id='closeModal'>
@@ -112,4 +112,4 @@
112
112
 
113
113
  ### 補足情報（FW/ツールのバージョンなど）
114
114
 
115
- ここにより詳細な情報を記載してください。
115
+ Ruby on Rails 5.2.1

4

マークダウン記法に変更しました

2019/01/07 07:28

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
File without changes

3

マークダウン記法に変更

2019/01/07 07:19

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
@@ -70,29 +70,41 @@
70
70
 
71
71
  ```HTML
72
72
  <input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
73
- <pre>ドラッグアンドドロップ
73
+ <pre>
74
+ 　ドラッグアンドドロップ
74
- またはクリックしてファイルをアップロード</pre>
75
+ 　またはクリックしてファイルをアップロード
76
+ </pre>
75
77
  </div>
76
78
  <ul class='has-error-text'>
77
79
  </ul>
80
+ </label>
78
- </label><section class='modalArea' id='modalArea'>
81
+ <section class='modalArea' id='modalArea'>
79
- <div class='modalBg' id='modalBg'></div>
82
+ 　<div class='modalBg' id='modalBg'></div>
80
- <div class='modalWrapper'>
83
+ 　　<div class='modalWrapper'>
81
- <div class='modalContents'>
84
+ 　　　<div class='modalContents'>
82
- <div class='modal-bold'>写真を切りとる</div>
85
+ 　　　<div class='modal-bold'>
86
+ 　　　　写真を切りとる
87
+ 　　　</div>
83
88
  <a class="disabled" tabindex="-1" href="/"><input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
89
+ 　<span>
90
+ 　　写真を変更する
84
- <span>写真を変更する</span>
91
+ 　</span>
92
+ </a>
85
- </a><i class='fas fa-camera'></i>
93
+ <i class='fas fa-camera'></i>
86
94
  </div>
87
95
  <div class='sell-crop-editor'>
88
- <canvas id='c1' style='cursor: grab;'></canvas>
96
+ 　<canvas id='c1' style='cursor: grab;'></canvas>
89
97
  </div>
90
98
  <div class='clearfix'>
91
- <li class='cansel-button' id='closeModal'>
99
+ 　<li class='cansel-button' id='closeModal'>
92
- <a href="/items/new?method=post">キャンセル</a>
100
+ 　<a href="/items/new?method=post">
101
+ 　　キャンセル
102
+ 　</a>
93
103
  </li>
94
104
  <li class='ok-button'>
95
- <a href="">完了</a>
105
+ 　<a href="">
106
+ 　　完了
107
+ 　</a>
96
108
  ### 不明点
97
109
 
98
110
  reader.readAsDataURL(fileData);の部分が悪いんだとは思うのですがエラー内容が読み解けず撃沈しています。

2

HTMLを記載

2019/01/07 07:15

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
@@ -69,17 +69,30 @@
69
69
  ```
70
70
 
71
71
  ```HTML
72
- .sell-upload-dropbox.clearfix{class: "have-item-#{@item.images.length}"}
73
- =f.file_field :images, class: "sell-upload-drop-file", multiple: true, style: "display: none;"
72
+ <input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
74
- %pre
75
- ドラッグアンドドロップ
73
+ <pre>ドラッグアンドドロップ
76
- またはクリックしてファイルをアップロード
74
+ またはクリックしてファイルをアップロード</pre>
77
- -if @item.errors[:images]
75
+ </div>
78
- %ul.has-error-text
76
+ <ul class='has-error-text'>
77
+ </ul>
78
+ </label><section class='modalArea' id='modalArea'>
79
+ <div class='modalBg' id='modalBg'></div>
80
+ <div class='modalWrapper'>
81
+ <div class='modalContents'>
82
+ <div class='modal-bold'>写真を切りとる</div>
83
+ <a class="disabled" tabindex="-1" href="/"><input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
84
+ <span>写真を変更する</span>
85
+ </a><i class='fas fa-camera'></i>
86
+ </div>
79
- -@item.errors.full_messages_for(:images).each do |error|
87
+ <div class='sell-crop-editor'>
88
+ <canvas id='c1' style='cursor: grab;'></canvas>
89
+ </div>
90
+ <div class='clearfix'>
91
+ <li class='cansel-button' id='closeModal'>
92
+ <a href="/items/new?method=post">キャンセル</a>
80
- %li=error
93
+ </li>
81
- ```
94
+ <li class='ok-button'>
82
-
95
+ <a href="">完了</a>
83
96
  ### 不明点
84
97
 
85
98
  reader.readAsDataURL(fileData);の部分が悪いんだとは思うのですがエラー内容が読み解けず撃沈しています。

1

HTMLを記載

2019/01/07 06:58

投稿

takagitoshinari
takagitoshinari

スコア24

title CHANGED
File without changes
body CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  ### 該当のソースコード
13
13
 
14
- ```ここに言語名を入力
14
+ ```javascript
15
15
  var file = document.querySelector('.sell-upload-drop-file');
16
16
  var canvas = document.getElementById('c1');
17
17
  var canvasWidth = 400;
@@ -68,6 +68,18 @@
68
68
 
69
69
  ```
70
70
 
71
+ ```HTML
72
+ .sell-upload-dropbox.clearfix{class: "have-item-#{@item.images.length}"}
73
+ =f.file_field :images, class: "sell-upload-drop-file", multiple: true, style: "display: none;"
74
+ %pre
75
+ ドラッグアンドドロップ
76
+ またはクリックしてファイルをアップロード
77
+ -if @item.errors[:images]
78
+ %ul.has-error-text
79
+ -@item.errors.full_messages_for(:images).each do |error|
80
+ %li=error
81
+ ```
82
+
71
83
  ### 不明点
72
84
 
73
85
  reader.readAsDataURL(fileData);の部分が悪いんだとは思うのですがエラー内容が読み解けず撃沈しています。