質問編集履歴
2
画像追加、説明文追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,11 +14,19 @@
|
|
14
14
|
|
15
15
|
編集用フォームと新規登録フォームの内容は同じなので、部分テンプレート化しています。
|
16
16
|
|
17
|
-
編集フォームの方では、file_fieldにファイルを選択すると、画像名と画像のプレビューが表示
|
17
|
+
編集フォームの方では、file_fieldにファイルを選択すると、画像名と画像のプレビューが表示することには成功しました。しかし・・・
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
※編集フォームでは画像が確認できる!
|
18
22
|
|
19
23
|
![イメージ説明](4e23086e316ec050bf776f4e7147da22.png)
|
20
24
|
|
21
|
-
新規登録フォームでは、file_fieldにファイルを選択しても、なぜか画像ファイル名だけで、画像のプレビューが表示できなくて困っています。
|
25
|
+
新規登録フォームの方では、file_fieldにファイルを選択しても、なぜか画像ファイル名だけで、画像のプレビューが表示できなくて困っています。
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
※新規登録ではどんな画像を登録したか確認できない!
|
22
30
|
|
23
31
|
![イメージ説明](48b90ae35f5bf45a5d5def51f9844871.png)
|
24
32
|
|
@@ -42,9 +50,7 @@
|
|
42
50
|
|
43
51
|
|
44
52
|
|
45
|
-
|
46
|
-
|
47
|
-
新規登録と編集に使う部分テンプレートフォーム。
|
53
|
+
新規登録と編集に使う部分テンプレートフォーム。プレビュー用のJSも記述してあります。
|
48
54
|
|
49
55
|
/app/views/item_stocks/_form.heml.erb
|
50
56
|
|
@@ -132,6 +138,8 @@
|
|
132
138
|
|
133
139
|
/app/views/layouts/application.html.erb
|
134
140
|
|
141
|
+
プレビュー用のjQueryを使うためにCDNコードを追記してあります。
|
142
|
+
|
135
143
|
```erb
|
136
144
|
|
137
145
|
<!DOCTYPE html>
|
1
画像挿入
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,6 +3,10 @@
|
|
3
3
|
ruby(ruby on rails)で、画像投稿機能を作成しています。
|
4
4
|
|
5
5
|
新規登録フォームで登録確定する前に、file_fieldに入れたアップロードファイルの画像を表示確認(プレビュー)できるようにしたいと思っています。
|
6
|
+
|
7
|
+
例えば、こんな風に。
|
8
|
+
|
9
|
+
![イメージ説明](57009d3eb48247ab0b3f1b8c166f1bb5.png)
|
6
10
|
|
7
11
|
|
8
12
|
|
@@ -12,7 +16,11 @@
|
|
12
16
|
|
13
17
|
編集フォームの方では、file_fieldにファイルを選択すると、画像名と画像のプレビューが表示されるのですが、
|
14
18
|
|
19
|
+
![イメージ説明](4e23086e316ec050bf776f4e7147da22.png)
|
20
|
+
|
15
21
|
新規登録フォームでは、file_fieldにファイルを選択しても、なぜか画像ファイル名だけで、画像のプレビューが表示できなくて困っています。
|
22
|
+
|
23
|
+
![イメージ説明](48b90ae35f5bf45a5d5def51f9844871.png)
|
16
24
|
|
17
25
|
|
18
26
|
|