Rails 5.2 Active Storage单附件删除异常：加载页面时全附件被清除

这种情况我之前也碰到过，大概率是你在视图代码里不小心直接执行了删除方法，或者删除链接的请求方式不对，导致页面一加载就触发了所有图片的删除操作。下面一步步给你解决：

第一步：排查视图里的错误逻辑 #

先检查你遍历图片的代码，是不是不小心写了类似<%= image.purge %>这样的代码？如果是的话，这行代码会在页面渲染的时候立即执行，直接把所有图片都删掉了！

举个反例，错误的写法：

<% @collection.images.each do |image| %>
<%= image_tag image %>
<%= image.purge %>
<% end %>

把这行直接执行的purge代码删掉，换成需要点击才触发的删除链接。

第二步：配置正确的路由和控制器 #

首先在config/routes.rb里给图片添加销毁路由：

resources :collections do
  resources :images, only: [:destroy]
end

然后新建app/controllers/images_controller.rb，添加销毁方法：

class ImagesController < ApplicationController
  def destroy
    # 找到要删除的附件
    @image = ActiveStorage::Attachment.find(params[:id])
    # 获取对应的集合
    @collection = @image.record
    # 执行删除（purge会同时删除本地/云存储的文件和数据库记录）
    @image.purge
    # 重定向回集合详情页并提示
    redirect_to @collection, notice: "图片已成功删除"
  end
end

第三步：生成正确的删除链接 #

在集合详情视图里，遍历图片时生成带DELETE方法的链接：

<div id="gallery">
  <% @collection.images.each do |image| %>
    <%# 显示图片，这里用variant做了缩略图优化 %>
    <%= image_tag image.variant(resize: "300x300"), class: "gallery-image" %>
    <%# 删除链接：指定DELETE方法，添加确认提示 %>
    <%= link_to "删除", collection_image_path(@collection, image),
                method: :delete,
                data: { confirm: "确定要删除这张图片吗？" },
                class: "delete-link" %>
  <% end %>
</div>

额外注意事项 #

• 确保你的Rails项目加载了JS支持：Rails 6及之前用rails-ujs，Rails 7+用turbo-rails，因为DELETE请求需要JS来发送正确的请求头，否则浏览器会把它当成GET请求，可能还是会出问题。
• 如果你用的是purge_later（异步删除），记得配置好Sidekiq或者其他后台任务处理器，不然删除操作会延迟执行，但不影响当前的页面问题。
• 打开浏览器开发者工具的「网络」标签，页面加载时如果看到多个DELETE请求，说明还是有代码在渲染时触发了删除，再仔细检查视图代码。

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