Rails Active Storage：获取附件的相对磁盘服务路径

Question

我正在切换到 Rails Active Storage 来处理产品目录的本地图像上传和存储（使用磁盘服务），但我无法获取图像的可用 URL 以输入 <img>标签。我在前端使用 React，所以我不能（轻松）使用 Rails 助手来生成标签。

ActiveStorage 将文件放入/public/images。我可以硬编码文件的相对链接（即http://localhost:3000/images/Ab/CD/AbCDEfGhIjkL），它工作正常。

来自Product.rb的相关sn-p：

    class Product < ApplicationRecord
        attr_accessor :image_url
        has_one_attached :image

        def as_json(options)
            h = super(options)
            if self.image.attached?
                h[:image_url] = ActiveStorage::Blob.service.service_url(self.image.key)
            end
            h
        end
    end

as_json 生成一个 JSON 对象以提供给 React，该对象具有一个条目 image_url，用于 <img> 的 src 属性。使用上面的代码，image_url 包含文件的完整路径（即http://localhost:3000/srv/www/rails_app/public/images/Ab/CD/AbCDEfGhIjkL）。在视图中使用url_for 会产生相同的结果。我希望它只包含相对于 rails root 的路径。

我可以操纵字符串以删除相对路径之前的所有内容，但我预见这会在未来发生任何变化时导致错误，所以我宁愿找到一种方法让 ActiveStorage只需为我生成一个合适的字符串。

谢谢！

Answer 1

您需要使用 routes 帮助器来构建您的 Rails 应用程序的 URL。

https://guides.rubyonrails.org/active_storage_overview.html#linking-to-files

class Product < ApplicationRecord
    attr_accessor :image_url
    has_one_attached :image

    def as_json(options)
        h = super(options)
        if self.image.attached?
            h[:image_url] = Rails.application.routes.url_helpers.rails_blob_path(self.image)
        end
        h
    end
end