模态框创建Park上传图片触发ParksController模板缺失错误求助

首先咱们拆解下你遇到的问题：

当表单不带图片时，请求是通过AJAX（JS格式）提交的，会正常走到format.js分支；但添加图片后，浏览器会发送text/html格式的请求（因为文件上传依赖multipart/form-data编码，默认触发HTML请求），而你的create动作里，当@park.save成功时，format.html后面没有指定任何响应逻辑——Rails找不到对应的create.html.erb模板，就抛出了「缺失模板」的错误。

另外你的代码里还有个小坑：@park = current_user.parks.create(park_params)已经会把记录保存到数据库了，后续又调用@park.save，相当于执行了两次保存操作，完全没必要，还可能引发不必要的数据库交互。

具体修复步骤 #

1. 修正重复保存问题，完善响应逻辑 #

把create方法修改成这样：

class ParksController < ApplicationController
  skip_before_action :verify_authenticity_token
  after_action :verify_authorized

  def new
    @park = current_user.parks.build
    respond_to do |format|
      format.html
      format.js
    end
    authorize @park
  end

  def create
    # 用build初始化对象，避免提前保存导致重复操作
    @park = current_user.parks.build(park_params)
    authorize @park
    
    respond_to do |format|
      if @park.save
        format.js # 处理AJAX请求的响应
        # 给HTML请求添加明确的重定向逻辑，告诉Rails成功后跳转目标
        format.html { redirect_to @park, notice: 'Park was successfully created!' }
      else
        format.js { render 'new' }
        # 给失败的HTML请求添加渲染逻辑，避免同样报错
        format.html { render :new }
      end
    end
  end

  private
  # 补充你的参数过滤方法（根据实际字段调整）
  def park_params
    params.require(:park).permit(:name, :description, :image)
  end
end

2. 可选：确保表单以AJAX方式提交（适配文件上传） #

如果你希望无论有没有图片，都走format.js分支，可以给表单添加data: { remote: true }属性（针对form_for或form_with）：

<%= form_for @park, data: { remote: true }, html: { multipart: true } do |f| %>
  <!-- 你的表单字段 -->
  <%= f.file_field :image %>
  <%= f.submit %>
<% end %>

注意：文件上传的AJAX请求需要jquery-ujs支持（Rails默认包含），它会自动处理multipart/form-data的AJAX提交。

这样修改后，无论是带图片的HTML请求还是不带图片的AJAX请求，都能得到正确响应，不会再出现模板缺失的错误了。

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