質問編集履歴
4
「画像が表示されない」という情報を追加しました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
【JavaScript・Rails】Ajaxでルーティングエラー
|
|
1
|
+
【JavaScript・Rails】Ajaxで画像が表示されない（ルーティングエラー）
|
test
CHANGED
|
@@ -2,7 +2,29 @@
|
|
|
2
2
|
|
|
3
3
|
今、チャットアプリでメッセージ送信機能の実装をしています。
|
|
4
4
|
|
|
5
|
-
そこでAjaxを使い非同期でメッセージ送信ができるようにしたい
|
|
5
|
+
そこでAjaxを使い、非同期でメッセージ送信ができるようにしたいです。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
メッセージを送信すると送信者のユーザー名とテキストメッセージは表示されるのですが、
|
|
10
|
+
|
|
11
|
+
ユーザーのプロフィール画像やメッセージとして送信した画像が表示されません。
|
|
12
|
+
|
|
13
|
+
その後リロードするとうまく表示されます。
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
ちなみに、gemはcarrierwaveを使っています。
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
画像が表示されない原因を探るためにターミナルでログを確認すると、
|
|
22
|
+
|
|
23
|
+
ルーティングエラーが起こっていました。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
解決方法がわかる方ご教授いただけますと幸いです。
|
|
6
28
|
|
|
7
29
|
|
|
8
30
|
|
3
index.html.hamlのfile_fieldのコードに誤りがあったので、修正しました。（エラーは変わりませんでした）
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -270,7 +270,7 @@
|
|
|
270
270
|
|
|
271
271
|
= icon('far', 'image', class: 'Main__form__contents__input__icon')
|
|
272
272
|
|
|
273
|
-
= f.
|
|
273
|
+
= f.file_field :image, class: 'Main__form__contents__input__image__file'
|
|
274
274
|
|
|
275
275
|
= f.submit '送信', class: 'Main__form__contents__btn'
|
|
276
276
|
|
2
コードの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
**▼message.js**
|
|
24
24
|
|
|
25
|
-
```
|
|
25
|
+
```js
|
|
26
26
|
|
|
27
27
|
$(function(){
|
|
28
28
|
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
|
|
147
147
|
**▼create.json.jbuilder**
|
|
148
148
|
|
|
149
|
-
```
|
|
149
|
+
```json
|
|
150
150
|
|
|
151
151
|
json.user @message.user
|
|
152
152
|
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
|
|
169
169
|
**▼messages_controller.rb**
|
|
170
170
|
|
|
171
|
-
```
|
|
171
|
+
```ruby
|
|
172
172
|
|
|
173
173
|
class MessagesController < ApplicationController
|
|
174
174
|
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
|
|
279
279
|
**▼_message.html.haml**
|
|
280
280
|
|
|
281
|
-
```
|
|
281
|
+
```haml
|
|
282
282
|
|
|
283
283
|
.Message_box
|
|
284
284
|
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
|
|
307
307
|
**▼routes.rb**
|
|
308
308
|
|
|
309
|
-
```
|
|
309
|
+
```ruby
|
|
310
310
|
|
|
311
311
|
Rails.application.routes.draw do
|
|
312
312
|
|
1
試したことの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -354,7 +354,7 @@
|
|
|
354
354
|
|
|
355
355
|
|
|
356
356
|
|
|
357
|
-
index.html.hamlに`remote: true`オプションをつけたり、urlを指定してみたのですがうまく行きませんでした。
|
|
357
|
+
index.html.hamlのformに`remote: true`オプションをつけたり、urlを指定してみたのですがうまく行きませんでした。
|
|
358
358
|
|
|
359
359
|
|
|
360
360
|
|