質問編集履歴

3

コード変更

2021/10/27 03:36

投稿

Tatsu0219
Tatsu0219

スコア2

test CHANGED
File without changes
test CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  image: "sample.jpeg"             # 問題箇所
42
42
 
43
- name: "sample_user_9"
43
+ name: "sampleUser_9"
44
44
 
45
45
  title: "title#2_4"
46
46
 
@@ -58,7 +58,7 @@
58
58
 
59
59
  ```
60
60
 
61
- image: {url: 'http://localhost:3000/uploads/post/image/1/dog.jpeg'}
61
+ image: {url: 'http://localhost:3000/uploads/post/image/100/sample.jpeg'}
62
62
 
63
63
  ```
64
64
 

2

情報の追加

2021/10/27 03:36

投稿

Tatsu0219
Tatsu0219

スコア2

test CHANGED
File without changes
test CHANGED
@@ -74,4 +74,64 @@
74
74
 
75
75
 
76
76
 
77
+ ### 補足
78
+
79
+ merge, pluck等を行わずに、別でフロントに渡せば問題なく表示は行えます。
80
+
81
+ ##### 別でフロントに渡す実装
82
+
83
+ ```
84
+
85
+ posts = Post.order(updated_at: :desc)
86
+
87
+ posts_username = posts.joins(:user).pluck(:name)
88
+
89
+ render json: {
90
+
91
+ posts: posts,
92
+
93
+ posts_userName: posts_username,
94
+
95
+ }, status: :ok
96
+
97
+ ```
98
+
99
+ ##### フロント取得結果
100
+
101
+ ```
102
+
103
+ # posts
104
+
105
+ 0:
106
+
107
+ content: "content#2_4"
108
+
109
+ createdAt: "2021-10-26T06:47:33.702Z"
110
+
111
+ id: 100
112
+
113
+ image: {url: 'http://localhost:3000/uploads/post/image/100/sample.jpeg'}
114
+
115
+ title: "title#2_4"
116
+
117
+ updatedAt: "2021-10-26T06:47:33.702Z"
118
+
119
+ userId: 10
120
+
121
+ 1:
122
+
123
+ 以下省略...
124
+
125
+
126
+
127
+ # posts_username
128
+
129
+ 0: "sampleUser_9"
130
+
131
+ 1:以下省略...
132
+
133
+ ```
134
+
135
+
136
+
77
137
  画像のデータを扱う際にオブジェクト形式でimageを渡せる方法をご存知の方いらっしゃれば教えてもらいたいです!!

1

コード修正

2021/10/27 03:33

投稿

Tatsu0219
Tatsu0219

スコア2

test CHANGED
File without changes
test CHANGED
@@ -40,11 +40,13 @@
40
40
 
41
41
  image: "sample.jpeg"             # 問題箇所
42
42
 
43
+ name: "sample_user_9"
44
+
43
45
  title: "title#2_4"
44
46
 
45
47
  updatedAt: "2021-10-26T06:47:33.702Z"
46
48
 
47
- userId: "sampleUser_9"
49
+ userId: 9
48
50
 
49
51
  1:
50
52
 
@@ -68,6 +70,8 @@
68
70
 
69
71
  しかし、megeと同様にimageの形式が崩れてしまい、フロント側で適切に処理することができませんでした。
70
72
 
73
+ - merge, pluckがよろしくないと思い、`attributes.update`で他のカラムを更新したところ、同様にimageのurlが崩れる結果になりました。
74
+
71
75
 
72
76
 
73
77
  画像のデータを扱う際にオブジェクト形式でimageを渡せる方法をご存知の方いらっしゃれば教えてもらいたいです!!