Rails ActionText Trix如何处理带过期URL的ActiveStorage嵌入式附件？

方案一：存储Blob引用，加载时动态生成临时URL #

这个方案适合需要保护图片隐私的场景，核心是不在Trix内容中直接存储临时URL，而是存储Blob的唯一标识，每次渲染内容时生成有效的临时URL。

实现步骤： #

1. 拦截Trix的图片上传流程，上传成功后插入带Blob ID的图片标签，而非临时URL：

document.addEventListener("trix-file-accept", (event) => {
  event.preventDefault();
  const file = event.file;
  const formData = new FormData();
  formData.append("file", file);

  fetch("/attachments", {
    method: "POST",
    body: formData
  })
  .then(res => res.json())
  .then(data => {
    const img = document.createElement("img");
    img.dataset.blobId = data.blob_id;
    // 编辑器内临时显示上传后的图片，保存时仅存带data-blob-id的标签
    img.src = data.temporary_url;
    event.target.editor.insertHTML(img.outerHTML);
  });
});

2. 后端新增上传接口，返回Blob ID和临时URL：

class AttachmentsController < ApplicationController
  def create
    blob = ActiveStorage::Blob.create_and_upload!(
      io: params[:file],
      filename: params[:file].original_filename
    )
    render json: { blob_id: blob.id, temporary_url: rails_blob_url(blob) }
  end
end

3. 渲染内容时替换Blob ID为有效临时URL：
   在视图或辅助方法中处理Trix内容，动态生成最新的临时URL：

def process_trix_content(content)
  return content if content.blank?

  doc = Nokogiri::HTML.fragment(content)
  doc.css('img[data-blob-id]').each do |img|
    blob = ActiveStorage::Blob.find(img['data-blob-id'])
    img['src'] = rails_blob_url(blob)
  end
  doc.to_html.html_safe
end

方案二：改用无过期的公开存储URL #

如果图片不需要隐私保护，可以配置ActiveStorage使用公开存储，生成永久URL，从根源避免过期问题。

配置示例（以S3为例）： #

在config/storage.yml中设置存储服务为公开：

amazon:
  service: S3
  access_key_id: <%= ENV['AWS_ACCESS_KEY_ID'] %>
  secret_access_key: <%= ENV['AWS_SECRET_ACCESS_KEY'] %>
  bucket: <%= ENV['AWS_BUCKET'] %>
  public: true

之后Trix插入的图片URL即为永久公开链接，不会因过期失效。

方案选择建议 #

• 若图片涉及敏感内容、需要访问控制：优先选方案一，通过动态生成临时URL保障隐私
• 若图片为公开内容（如博客配图、产品展示图）：方案二更简单，无需额外开发逻辑

内容的提问来源于stack exchange，提问作者januszm