Rails 7评论表单无法上传图片问题排查求助

问题根源分析 #

1. 表单缺失文件上传必需属性：HTML表单上传文件时，必须指定enctype="multipart/form-data"，否则浏览器不会将文件数据提交到服务器，这就是控制台看不到图片参数的核心原因。
2. 控制器冗余代码：你手动调用了@comment.image.attach(params[:comment][:image])，但实际上通过store_comment_params初始化模型时，Rails Active Storage会自动处理附件关联，这行代码不仅多余，还会因为参数缺失而无效。
3. 表单语法错误：原表单中textarea的rows=6"存在语法错误，应为rows="6"，可能导致表单解析异常。

解决方案 #

1. 修正表单代码

添加enctype="multipart/form-data"并修复语法错误：

<form action="<%= store_post_store_comments_path(params[:id]) %>" method="post" enctype="multipart/form-data">
  <div class='field'>
    <textarea name="comment[comment]" id="" rows="6" cols="20"></textarea>
  </div>

  <span class='image'>
    <input accept="image/jpeg,image/gif,image/png" type="file" name="comment[image]" id="" />
  </span>

  <input type="submit" value="Submit">
</form>

2. 清理控制器冗余代码

删除手动attach的代码，简化create方法：

def create
  @comment = current_user.store_comment.new(store_comment_params)

  puts "for console debugging"
  puts store_comment_params
  puts params[:comment][:comment]
  puts params[:store_post_id]
  puts params[:comment][:image] # 现在会输出文件对象信息

  if @comment.save
    flash[:info] = 'your comment has been created'
    redirect_to request.referrer
  end
end

3. 参数白名单无需修改

你的store_comment_params已经正确允许:image参数，且合并了store_post_id，保持原样即可。

验证效果 #

修改完成后提交表单，控制台会输出类似#<ActionDispatch::Http::UploadedFile:0x0000000108d2c828>的文件对象信息，图片会被正常关联到评论记录并存储到Active Storage。

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