質問編集履歴

6

情報の追加

2019/02/25 04:56

投稿

s_diff
s_diff

スコア107

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  Rails初学者です。
2
2
 
3
- public以下にある画像ファイルを、ビューでパスから取得してコントローラに渡し、DBに保存したいと思っています。
3
+ public以下にある画像ファイルを、ビューでパスから取得してsortableで並び替えてコントローラに渡し、DBに保存したいと思っています。
4
4
 
5
5
  ###手順
6
6
 

5

情報を追加

2019/02/25 04:56

投稿

s_diff
s_diff

スコア107

test CHANGED
File without changes
test CHANGED
@@ -196,12 +196,14 @@
196
196
 
197
197
  ###知りたいこと
198
198
 
199
- 以下の二点が知りたいです。
199
+ 以下のようなものもしあれば知りたいです。
200
200
 
201
201
  ・ public以下の画像ファイルをビューで画像ファイルデータとして取得する方法
202
202
 
203
203
  ・ こういったイレギュラーなファイル操作をしようとする時に勉強しておくと良い本や学習コンテンツ
204
204
 
205
+ ・ もっと簡単な方法
206
+
205
207
 
206
208
 
207
209
 

4

情報の追加

2019/02/25 03:18

投稿

s_diff
s_diff

スコア107

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  2. sortメソッドでpublic以下にユニークなフォルダを作成して画像データをその中に一旦退避
10
10
 
11
- 3. sort.html.erbに遷移してpublicのファルダ以下にある画像データを取得
11
+ 3. sort.html.erbに遷移してpublicのファルダ以下にある画像データを取得してjqueryのSortableで並び替え
12
12
 
13
13
  4. コントローラのcreateにparamsを渡してDBに保存
14
14
 
@@ -120,23 +120,27 @@
120
120
 
121
121
  <% @img_path_arr.each do |path| %>
122
122
 
123
+      <div class="sortable">
124
+
123
- <div class="sort-box">
125
+ <div class="sort-box">
124
-
126
+
125
- <input type="text" class="form-control" readonly="" />
127
+ <input type="text" class="form-control" readonly="" />
126
-
128
+
127
- <div style='border: dashed 1px #ccc;'>
129
+ <div style='border: dashed 1px #ccc;'>
128
-
130
+
129
- <% f = File.binread(Rails.root.join("public/#{path}")).chomp %>
131
+ <% f = File.binread(Rails.root.join("public/#{path}")).chomp %>
130
-
132
+
131
- <%= hidden_field_tag 'products_images[]', value: f, class: 'uploadFile', style: 'width: 90px; font-size: 16px;' %>
133
+ <%= hidden_field_tag 'products_images[]', value: f, class: 'uploadFile', style: 'width: 90px; font-size: 16px;' %>
132
-
134
+
133
- <div class="imagePreview item" style='padding: 0; background-image: url(<%= path %>)'></div>
135
+ <div class="imagePreview item" style='padding: 0; background-image: url(<%= path %>)'></div>
134
-
136
+
135
- </div>
137
+ </div>
136
-
138
+
137
- </div>
139
+ </div>
140
+
138
-
141
+ </div>
142
+
139
- <% end %>
143
+ <% end %>
140
144
 
141
145
  </div>
142
146
 

3

情報の追加

2019/02/25 03:07

投稿

s_diff
s_diff

スコア107

test CHANGED
File without changes
test CHANGED
@@ -184,6 +184,8 @@
184
184
 
185
185
  ・どちらも削除すると、コントローラに送信した際に固まってしまいました。
186
186
 
187
+ ・sortメソッドにparamsは問題なく渡っています。
188
+
187
189
 
188
190
 
189
191
 

2

情報に不足があったため

2019/02/25 02:47

投稿

s_diff
s_diff

スコア107

test CHANGED
File without changes
test CHANGED
@@ -4,11 +4,13 @@
4
4
 
5
5
  ###手順
6
6
 
7
- 1. new.html.erbで画像ファイル以外のカラムの値を入力して送信
7
+ 1. new.html.erbで画像ファイル以外のカラムの値を入力してsortコントローラに送信
8
+
8
-
9
+ 2. sortメソッドでpublic以下にユニークなフォルダを作成して画像データをその中に一旦退避
10
+
9
- 2. sort.html.erbに遷移してpublicのファルダ以下にある画像データを取得
11
+ 3. sort.html.erbに遷移してpublicのファルダ以下にある画像データを取得
10
-
12
+
11
- 3. コントローラのcreateにparamsを渡してDBに保存
13
+ 4. コントローラのcreateにparamsを渡してDBに保存
12
14
 
13
15
 
14
16
 

1

情報追加

2019/02/25 02:42

投稿

s_diff
s_diff

スコア107

test CHANGED
File without changes
test CHANGED
@@ -188,7 +188,13 @@
188
188
 
189
189
  ###知りたいこと
190
190
 
191
+ 以下の二点が知りたいです。
192
+
191
- public以下の画像ファイルをビューで画像ファイルデータとして取得するにはどうすれば良いのかが知りたいです。
193
+ public以下の画像ファイルをビューで画像ファイルデータとして取得する方法
194
+
195
+ ・ こういったイレギュラーなファイル操作をしようとする時に勉強しておくと良い本や学習コンテンツ
196
+
197
+
192
198
 
193
199
 
194
200