質問編集履歴
2
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
###保存されている画像ファイルを更新時に取得したい
|
|
13
13
|
|
|
14
|
-
[こちら](http://qiita.com/josenaka/items/46d44793827920282f75)を参照してRailsの
|
|
14
|
+
[こちら](http://qiita.com/josenaka/items/46d44793827920282f75)を参照してRailsの画像アップロードフォームにプレビューを表示させました。
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
1
訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,11 +1,25 @@
|
|
|
1
|
+
###環境
|
|
2
|
+
Ruby(2.3.3)
|
|
3
|
+
Ruby on Rails(5.0.1)
|
|
4
|
+
|
|
5
|
+
**gem**
|
|
6
|
+
[carrierwave](https://github.com/carrierwaveuploader/carrierwave)（アップローダー）
|
|
7
|
+
[cocoon](https://github.com/nathanvda/cocoon)（ネストフォーム）
|
|
8
|
+
|
|
9
|
+
**保存先**
|
|
10
|
+
[Cloudinary](http://cloudinary.com/)
|
|
11
|
+
|
|
12
|
+
###保存されている画像ファイルを更新時に取得したい
|
|
13
|
+
|
|
1
14
|
[こちら](http://qiita.com/josenaka/items/46d44793827920282f75)を参照してRailsのフォームに画像アップロード機能にプレビュー表示をさせるように致しました。
|
|
2
15
|
|
|
3
|
-
|
|
4
17
|
|
|
18
|
+
新規登録時はこのままで問題ないのですが、現状edit(更新)画面では空欄のままとなっており事前に保存されている画像を枠内に表示させたいと考えております。
|
|
5
19
|
|
|
6
|
-
|
|
20
|
+
|
|
7
|
-
|
|
21
|
+
以下のJSファイルを編集が必要かと思いますが、どの部分を変更すれば良いのか教えて頂けませんでしょうか。。
|
|
8
|
-
なお、image(画像)モデルはshop(店舗)モデルにネスト
|
|
22
|
+
なお、image(画像)モデルはshop(店舗)モデルにネストされています。
|
|
9
23
|
|
|
10
24
|
```JavaScript
|
|
11
25
|
$(document).on('change', ':file', function() {
|
|
@@ -75,18 +89,29 @@
|
|
|
75
89
|
```
|
|
76
90
|
|
|
77
91
|
```HTML
|
|
92
|
+
<%= simple_form_for(@shop, :authenticity_token => true, html: { multipart: true }) do |f| %>
|
|
93
|
+
<div class="nested-field">
|
|
94
|
+
<%= f.simple_fields_for :images do |image| %>
|
|
95
|
+
<%= render partial: 'image_fields', locals: {f: image} %>
|
|
96
|
+
<% end %>
|
|
97
|
+
<%= link_to_add_association "画像を追加", f, :images, :class => 'btn btn-primary' %>
|
|
98
|
+
</div>
|
|
99
|
+
<% end %>
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
```HTML
|
|
78
103
|
<div class="nested-fields form_time_selects imgInput">
|
|
79
|
-
<div class="col-sm-
|
|
104
|
+
<div class="col-sm-2">
|
|
80
|
-
<div class="imagePreview"></div>
|
|
81
|
-
|
|
105
|
+
<div class="input-group">
|
|
82
|
-
|
|
106
|
+
<label class="input-group-btn">
|
|
83
|
-
|
|
107
|
+
<span class="btn btn-primary">
|
|
84
|
-
|
|
108
|
+
選択<%= f.file_field :file, :class => "uploadFile", :style => "display:none" %>
|
|
85
109
|
<%= link_to_remove_association("削除", f, {}) %>
|
|
86
110
|
</span>
|
|
87
111
|
</label>
|
|
88
112
|
<input type="text" class="form-control" readonly="">
|
|
89
113
|
</div>
|
|
90
114
|
</div>
|
|
115
|
+
<%#= link_to_remove_association("削除", f, {}) %>
|
|
91
116
|
</div>
|
|
92
117
|
```
|