Rails 5.2（升级）- Active Storage 不显示图像答案

【问题标题】：Rails 5.2 (Upgrade) - Active Storage does not display imageRails 5.2（升级）- Active Storage 不显示图像
【发布时间】：2019-01-01 07:26:47
【问题描述】：

所以我已经从 rails 5.1 升级到了 5.2

rails app:update

一切正常，我立即设置了活动存储配置，以便与 Web 应用程序中的新部分一起使用。

我创建了迁移：

rails active_storage:install
rake db:migrate

我配置了 conf/storage.yml - 使用 AWS S3 进行生产：

测试：服务：磁盘根：

本地：服务：磁盘根：

亚马逊：服务：S3 access_key_id: secret_access_key: 地区：eu-west-2 桶：随便

将所需的 GEM 添加到 GEMFILE：

gem 'aws-sdk-s3'

确保开发环境使用本地设置：

config.active_storage.service = :local

将所有需要的行添加到模型中：

class Article < ApplicationRecord
  has_one_attached :main_picture
  ... 
end

我做了一些花哨的东西，例如验证、自定义变体等 - 但出于测试目的和让基础工作正常，我注释掉了所有这些东西。

更新控制器以使用 Pundit 中指定的允许属性：

控制器

@article.update(permitted_attributes(@article))

权威人士

class ArticlePolicy < ApplicationPolicy

  ...

  def permitted_attributes
    if !user.nil? && user.admin
      [:title, :content, :teaser, :slug, :published, :user_id, :main_picture]
    end
  end

  ...
end

现在上传工作轻而易举 - 到我的本地环境，我什至测试了将其上传到 AWS，但让我们坚持本地环境。我可以在本地环境中找到最新的上传：

/storage/N1/Ay/N1AyNaBeMNGhhmPSR69XwA9a

这就是我尝试在视图中显示图像时的 URL：

http://localhost:3000/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBQQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--fd200a456532a80dfb122b2bdd9a53181b2a62aa/428KB.jpg

在active_storage_blob表中是这样的：

id,key,filename,content_type,metadata,byte_size,checksum,created_at
"55","N1AyNaBeMNGhhmPSR69XwA9a","428KB.jpg","image/jpeg","{""identified"":true,""width"":1920,""height"":1080,""analyzed"":true}","428299","48c8G3xQj5ENGgqqM08seQ==","2018-07-24 15:21:11"

这是我尝试显示图像的各种方式：

= image_tag @article.main_picture
= image_tag url_for(@article.main_picture)
= image_tag @article.main_picture.variant(resize_to_fit: [100, 100]

这些选项都不会显示成功上传并存储在数据库中的图像。我得到的只是图像占位符。

为了最新的工作（但没有），我在 GEMFILE 中添加了以下内容（根据guide）：

gem 'image_processing', '~> 1.2'

有一个similar threat 抱怨这个——使用 Rails 5.1 并在 Gemfile 中添加 active_storage——但没有真正的答案。按照建议，我尝试添加：

config/application.rb

require 'active_storage/engine'

没有帮助显示图像:(

--- 更新：访问 URL 时请求的日志 ---

Started GET "/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBQQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--fd200a456532a80dfb122b2bdd9a53181b2a62aa/428KB.jpg" for 127.0.0.1 at 2018-07-25 12:41:36 +0100
Processing by ActiveStorage::BlobsController#show as JPEG
  Parameters: {"signed_id"=>"eyjfcmfpbhmionsibwvzc2fnzsi6ikjbahbqqt09iiwizxhwijpudwxslcjwdxiioijibg9ix2lkin19--fd200a456532a80dfb122b2bdd9a53181b2a62aa", "filename"=>"428kb"}
** [Localeapp] 1532518896 - Handling translation updates
** [Localeapp] 1532518896 - polling
** [Localeapp] API CALL: get https://api.localeapp.com/v1/projects/qXa7rByH1jQ9cNrU8t46zQkk8rkq3fMka13EACmQkXZ5FFTuUn/translations.yml?updated_at=1532518849
** [Localeapp] ATTEMPT 1
** [Localeapp] RESPONSE: 200
** [Localeapp] CALLING SUCCESS HANDLER: handle_success
** [Localeapp] 1532518897 - poll success
** [Localeapp] 1532518897 - reloading I18n
Filter chain halted as :set_blob rendered or redirected
Completed 404 Not Found in 917ms (ActiveRecord: 0.0ms)


Started GET "/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBQQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--fd200a456532a80dfb122b2bdd9a53181b2a62aa/428KB.jpg?disposition=attachment" for 127.0.0.1 at 2018-07-25 12:41:39 +0100
Processing by ActiveStorage::BlobsController#show as JPEG
  Parameters: {"disposition"=>"attachment", "signed_id"=>"eyjfcmfpbhmionsibwvzc2fnzsi6ikjbahbqqt09iiwizxhwijpudwxslcjwdxiioijibg9ix2lkin19--fd200a456532a80dfb122b2bdd9a53181b2a62aa", "filename"=>"428kb"}
** [Localeapp] 1532518899 - Handling translation updates
** [Localeapp] 1532518899 - polling
** [Localeapp] API CALL: get https://api.localeapp.com/v1/projects/qXa7rByH1jQ9cNrU8t46zQkk8rkq3fMka13EACmQkXZ5FFTuUn/translations.yml?updated_at=1532518897
** [Localeapp] ATTEMPT 1
** [Localeapp] RESPONSE: 200
** [Localeapp] CALLING SUCCESS HANDLER: handle_success
** [Localeapp] 1532518900 - poll success
** [Localeapp] 1532518900 - reloading I18n
Filter chain halted as :set_blob rendered or redirected
Completed 404 Not Found in 837ms (ActiveRecord: 0.0ms)

注意：

我添加了一个图片下载按钮来生成日志：

= link_to "Download", rails_blob_path(@article.main_picture, disposition: "attachment")

【问题讨论】：

你没有说网址是否有效，如果你把链接直接放在浏览器中，你会看到图片吗？
嗨，不，该 URL 不起作用。控制台也会以 404 响应，表示找不到图像。
您可以在尝试 URL 时打印完整的日志
当然 - 将它们附加到原始威胁 :)
不删除 route_downcaser 解决它:)

标签： ruby-on-rails ruby-on-rails-5 rails-activestorage

【解决方案1】：

您的 signed_id 似乎无效，这就是为什么您收到“过滤器链因 :set_blob 呈现或重定向而停止”。

添加到响应中：

问题是由区分大小写的 URL 引起的。安装了 GEM“route_downcaser”。移除此 GEM 后，一切都按预期工作。

此外，“route_downcaser”提供了excluded_patterns 选项。因此，您可以将 GEM 与 active_storage 一起使用，但请确保将以下内容添加到初始化程序中：

# config/initializers/route_downcaser.rb

RouteDowncaser.configuration do |config|
  config.redirect = true

  config.exclude_patterns = [
    /assets\//i,
    /fonts\//i,
    /active_storage\//i
  ]
end

更多配置选项可以找到here:)

【讨论】：