使用JSON通过Rails Active Storage访问React中的图像

Question

我正在制作一个Rails API，在这里我想使用Active Storage将图像附加到帖子，然后能够在REACT中访问它们，例如在JSON中获取url链接。如何将活动存储映像转换为JSON的URL。有没有更好的方法可以获得帖子图片的链接？

例如，我希望图像url包含在以下信息中：

发件人：http://localhost:3001/api/posts

[{"id":8,"title":"lolol","body":"lolol","created_at":"2018-07-19T23:36:27.880Z","updated_at":"2018-07-20T00:17:50.201Z","admin_user_id":1,"post_type":"Song","link":"dgdadg","song_title":"dgdadg","tag_list":[]},{"id":13,"title":"ddd","body":"dd","created_at":"2018-07-20T00:21:39.903Z","updated_at":"2018-07-20T00:21:39.907Z","admin_user_id":1,"post_type":"Song","link":"dddd","song_title":"ddd","tag_list":["Tag"]}]

这是我的邮局管理员：

class PostsController < ApiController
before_action :set_post, only: [:show, :update, :destroy]
def index
if params[:tag]
@posts = Post.tagged_with(params[:tag])
else
@posts = Post.all
end
render :json => @posts
end
def show
@post
render :json => @post
end
def create
@post = Post.new(post_params)
end
def update
@post.update(post_params)
head :no_content
end
def destroy
@post.destroy
head :no_content
end
private
def post_params
params.require(:post).permit(:title, :body, :song_title, :post_type, :admin_user_id, :link, :tag_list, :image)
end
def set_post
@post = Post.find(params[:id])
end
end

如有任何建议，我们将不胜感激。

Answer 1

两周前就已经在那里了，因为同样的问题决定不使用ActiveStorage。你可以做一些控制器魔术，使用

url_for(@post.image)

像

render :json => @post.merge({image: url_for(@post.image)})

或者类似的东西

class Post
def image_url
Rails.application.routes.url_helpers.rails_blob_path(self.image, only_path: true)
end
end

# controller
render :json => @post.as_json(methods: :image_url)

Answer 2

jbuilder中可以访问url_for帮助程序。所以你的_post.json.jbuilder可以像这个一样工作

json.extract! post, :id, :body, :created_at, :updated_at
if post.image.attached?
json.image_url url_for(post.image)
end
json.url product_url(product, format: :json)

Answer 3

如果您的Post模型有一个ActiveStorage::Attachment，您可以直接调用@post.file.service_url或@post.file.public_url，假设您的模型中有has_one_attached :file。