javascript - 使用json上传导致缺少模板错误

Question

我认为dropzone.js ，在我提交表单后导致我出现缺少模板错误。

在我的 Coffeescript js 文件中，我有 dropzone 的设置:

Dropzone.autoDiscover = false

dropzone = new Dropzone('#item-form',
  maxFiles: 1
  maxFilesize: 1
  paramName: 'item[image]'
  headers: "X-CSRF-Token" : $('meta[name="csrf-token"]').attr('content')
  addRemoveLinks: true
  clickable: '#image-preview'
  previewsContainer: '#image-preview'
  thumbnailWidth: 200
  thumbnailHeight: 200
  parallelUploads: 100;
  autoProcessQueue: false
  uploadMultiple: false)

$('#item-submit').click (e) ->
  e.preventDefault()
  e.stopPropagation()
  if dropzone.getQueuedFiles().length > 0
    dropzone.processQueue()
  else
    $('#item-form').submit()
  return
return

dropzone.on 'success', (file, responseText) ->
  window.location.href = '/items/' + responseText.id
  return

比我有我的 Controller 操作，我希望它执行以下操作:

def create
    @item = current_user.items.build(item_params)

    respond_to do |format|
      if @item.save
        format.html { redirect_to @item }
        format.json { render :show, status: :created, location: @item }
      else
        format.html { render :new }
        format.json { render json: @item.errors, status: :unprocessable_entity }
      end
    end
  end

比我的形式:

= form_for @item, validate: true, html: {id: 'item-form', class: 'form', multipart: true} do |f|
 = f.text_field :name, class: 'form-control'

    %main#image-preview
     Add a Photo
     .fallback
      = f.file_field :image, multiple: false

= f.submit 'Done', id: 'item-submit'

所以现在这个设置允许我提交没有任何图像的表单，但是当它有图像时我提交表单。它会在缺少模板错误中给我这个错误:

Started POST "/items" for 127.0.0.1 at 2015-10-14 03:35:29 -0700
Processing by ItemsController#create as JSON
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"lZu8pjXdBY6wso5l1/B1lwgYDMkVmtRjCaPNBeK3uWy0mQItbv0bDaEZfujeEa2jt//S3qJ0f0fiWkIGC7uNFg==", "item"=>{"name"=>"dsdsds"es", "image"=>#<ActionDispatch::Http::UploadedFile:0x007f4779ccd748 @tempfile=#<Tempfile:/tmp/RackMultipart20151014-2664-16b2m09.jpg>, @original_filename="testimg.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"item[image]\"; filename=\"testimg.jpg\"\r\nContent-Type: image/jpeg\r\n">}, "null"=>"", "commit"=>"Done"}
  User Load (0.5ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = $1  ORDER BY "users"."id" ASC LIMIT 1  [["id", 2]] 

   (46.1ms)  COMMIT
  Item Store (158.4ms)  {"id":29}
Completed 406 Not Acceptable in 2115ms (Searchkick: 158.4ms | ActiveRecord: 47.7ms)

ActionView::MissingTemplate - Missing template items/show, application/show with {:locale=>[:en], :formats=>[:json], :variants=>[], :handlers=>[:erb, :builder, :raw, :ruby, :coffee, :arb, :haml, :jbuilder]}. Searched in:
...............

所以我猜我必须制作一个 json 文件？但我不知道这意味着什么或您使用的设置。有人可以帮助我吗？

Answer 1

如果你查看错误:

ActionView::MissingTemplate - Missing template items/continue, application/continue with {:locale=>[:en], :formats=>[:json], :variants=>[], :handlers=>[:erb, :builder, :raw, :ruby, :coffee, :arb, :haml, :jbuilder]}.

突出显示的部分是赠品。请求的模板应该处理 JSON，但该操作没有 JSON 模板的模板(并且您没有以任何其他方式呈现)。

这可能是因为你有

 if @item.save
   redirect_to post_continue_item_path(@item)
 else
   render :new 
   render json: @item.errors, status: :unprocessable_entity**
 end

render :new 在渲染 json 之前。没有新模板，并且您错误地尝试渲染两次。丢失 render :new 行。

编辑

有两个问题。首先，在创建操作中 @item.save 失败，导致出现 render :new 行。由于在本例中我假设您确实想要返回渲染的 JSON，而不是标准用户表单，因此您应该删除 render :new 行。这是多余的。

其次，您需要通过查看development.log 找出@item 未正确保存的原因。如果您仅出于调试目的将其更新为 @item.save!，这可能会为您提供一些用于跟踪故障的附加信息。

编辑2

根据您更新的问题，您的@item 现已保存。您正在请求 show 部分，尽管它似乎未正确定义或没有适当的 items/show.json.erb 或其他适当的 JSON 部分。您需要浏览拖放区的文档以了解需要什么