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

編集履歴

質問編集履歴

9

修正

2019/01/07 07:41

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -130,10 +130,6 @@
130
130
 
131
131
  }
132
132
 
133
- });
134
-
135
-
136
-
137
133
  ```
138
134
 
139
135
 

8

HTML修正

2019/01/07 07:41

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -140,6 +140,18 @@
140
140
 
141
141
  ```HTML
142
142
 
143
+ <div class='sell-dropbox-container clearfix'>
144
+
145
+ 　<div class='have-item-0 sell-upload-items'>
146
+
147
+ 　　<ul>
148
+
149
+ 　　</ul>
150
+
151
+ 　</div>
152
+
153
+ <label for="item_images"><div class='clearfix have-item-0 sell-upload-dropbox'>
154
+
143
155
  <input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
144
156
 
145
157
  <pre>

7

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

2019/01/07 07:38

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -212,6 +212,8 @@
212
212
 
213
213
  　</a>
214
214
 
215
+ ```
216
+
215
217
  ### 不明点
216
218
 
217
219
 

6

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

2019/01/07 07:34

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
File without changes

5

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

2019/01/07 07:29

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -176,7 +176,7 @@
176
176
 
177
177
  　<span>
178
178
 
179
- 　　写真を変更する
179
+ 　 写真を変更する
180
180
 
181
181
  　</span>
182
182
 
@@ -188,7 +188,7 @@
188
188
 
189
189
  <div class='sell-crop-editor'>
190
190
 
191
- 　<canvas id='c1' style='cursor: grab;'></canvas>
191
+ <canvas id='c1' style='cursor: grab;'></canvas>
192
192
 
193
193
  </div>
194
194
 
@@ -226,4 +226,4 @@
226
226
 
227
227
 
228
228
 
229
- ここにより詳細な情報を記載してください。
229
+ Ruby on Rails 5.2.1

4

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

2019/01/07 07:28

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
File without changes

3

マークダウン記法に変更

2019/01/07 07:19

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -142,9 +142,13 @@
142
142
 
143
143
  <input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
144
144
 
145
- <pre>ドラッグアンドドロップ
145
+ <pre>
146
+
146
-
147
+ 　ドラッグアンドドロップ
148
+
147
- またはクリックしてファイルをアップロード</pre>
149
+ 　またはクリックしてファイルをアップロード
150
+
151
+ </pre>
148
152
 
149
153
  </div>
150
154
 
@@ -152,41 +156,61 @@
152
156
 
153
157
  </ul>
154
158
 
159
+ </label>
160
+
155
- </label><section class='modalArea' id='modalArea'>
161
+ <section class='modalArea' id='modalArea'>
156
-
162
+
157
- <div class='modalBg' id='modalBg'></div>
163
+ 　<div class='modalBg' id='modalBg'></div>
158
-
164
+
159
- <div class='modalWrapper'>
165
+ 　　<div class='modalWrapper'>
160
-
166
+
161
- <div class='modalContents'>
167
+ 　　　<div class='modalContents'>
162
-
168
+
163
- <div class='modal-bold'>写真を切りとる</div>
169
+ 　　　<div class='modal-bold'>
170
+
171
+ 　　　　写真を切りとる
172
+
173
+ 　　　</div>
164
174
 
165
175
  <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" />
166
176
 
177
+ 　<span>
178
+
179
+ 　　写真を変更する
180
+
167
- <span>写真を変更する</span>
181
+ 　</span>
182
+
168
-
183
+ </a>
184
+
169
- </a><i class='fas fa-camera'></i>
185
+ <i class='fas fa-camera'></i>
170
186
 
171
187
  </div>
172
188
 
173
189
  <div class='sell-crop-editor'>
174
190
 
175
- <canvas id='c1' style='cursor: grab;'></canvas>
191
+ 　<canvas id='c1' style='cursor: grab;'></canvas>
176
192
 
177
193
  </div>
178
194
 
179
195
  <div class='clearfix'>
180
196
 
181
- <li class='cansel-button' id='closeModal'>
197
+ 　<li class='cansel-button' id='closeModal'>
182
-
198
+
183
- <a href="/items/new?method=post">キャンセル</a>
199
+ 　<a href="/items/new?method=post">
200
+
201
+ 　　キャンセル
202
+
203
+ 　</a>
184
204
 
185
205
  </li>
186
206
 
187
207
  <li class='ok-button'>
188
208
 
189
- <a href="">完了</a>
209
+ 　<a href="">
210
+
211
+ 　　完了
212
+
213
+ 　</a>
190
214
 
191
215
  ### 不明点
192
216
 

2

HTMLを記載

2019/01/07 07:15

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -140,27 +140,53 @@
140
140
 
141
141
  ```HTML
142
142
 
143
- .sell-upload-dropbox.clearfix{class: "have-item-#{@item.images.length}"}
144
-
145
- =f.file_field :images, class: "sell-upload-drop-file", multiple: true, style: "display: none;"
143
+ <input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
146
-
147
- %pre
144
+
148
-
149
- ドラッグアンドドロップ
145
+ <pre>ドラッグアンドドロップ
150
-
146
+
151
- またはクリックしてファイルをアップロード
147
+ またはクリックしてファイルをアップロード</pre>
152
-
148
+
153
- -if @item.errors[:images]
149
+ </div>
154
-
150
+
155
- %ul.has-error-text
151
+ <ul class='has-error-text'>
152
+
156
-
153
+ </ul>
154
+
155
+ </label><section class='modalArea' id='modalArea'>
156
+
157
+ <div class='modalBg' id='modalBg'></div>
158
+
159
+ <div class='modalWrapper'>
160
+
161
+ <div class='modalContents'>
162
+
163
+ <div class='modal-bold'>写真を切りとる</div>
164
+
165
+ <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" />
166
+
167
+ <span>写真を変更する</span>
168
+
169
+ </a><i class='fas fa-camera'></i>
170
+
171
+ </div>
172
+
157
- -@item.errors.full_messages_for(:images).each do |error|
173
+ <div class='sell-crop-editor'>
174
+
158
-
175
+ <canvas id='c1' style='cursor: grab;'></canvas>
176
+
177
+ </div>
178
+
179
+ <div class='clearfix'>
180
+
181
+ <li class='cansel-button' id='closeModal'>
182
+
183
+ <a href="/items/new?method=post">キャンセル</a>
184
+
159
- %li=error
185
+ </li>
160
-
186
+
161
- ```
187
+ <li class='ok-button'>
188
+
162
-
189
+ <a href="">完了</a>
163
-
164
190
 
165
191
  ### 不明点
166
192
 

1

HTMLを記載

2019/01/07 06:58

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
 
26
26
 
27
- ```ここに言語名を入力
27
+ ```javascript
28
28
 
29
29
  var file = document.querySelector('.sell-upload-drop-file');
30
30
 
@@ -138,6 +138,30 @@
138
138
 
139
139
 
140
140
 
141
+ ```HTML
142
+
143
+ .sell-upload-dropbox.clearfix{class: "have-item-#{@item.images.length}"}
144
+
145
+ =f.file_field :images, class: "sell-upload-drop-file", multiple: true, style: "display: none;"
146
+
147
+ %pre
148
+
149
+ ドラッグアンドドロップ
150
+
151
+ またはクリックしてファイルをアップロード
152
+
153
+ -if @item.errors[:images]
154
+
155
+ %ul.has-error-text
156
+
157
+ -@item.errors.full_messages_for(:images).each do |error|
158
+
159
+ %li=error
160
+
161
+ ```
162
+
163
+
164
+
141
165
  ### 不明点
142
166
 
143
167