使用json上传会导致模板错误

时间:2015-10-02 18:44:59

标签: javascript jquery ruby-on-rails ruby

我认为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

我有控制器操作,我希望它能做到这一点:

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文件?但我不知道这意味着什么或你使用的设置。有人能帮助我吗?

1 个答案:

答案 0 :(得分:2)

如果你看错误:

  

ActionView :: MissingTemplate - 缺少模板项/继续,应用/继续{:locale =&gt; [:en],:formats =&gt; [:json] ,:variants =&gt ; [],:handlers =&gt; [: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
在渲染json之前,

渲染:new。没有新模板,您错误地尝试渲染两次。丢失render :new行。

修改

有两个问题。首先,在创建操作@item.save失败,导致render :new行。因为在这种情况下我假设你真的想要返回渲染的JSON而不是标准用户表单,所以你应该删除render :new行。这是多余的。

其次,您需要通过查看您的development.log来找出为什么您的@item无法正确保存。如果仅为了调试目的将其更新为@item.save!,这可能会为您提供一些跟踪故障的附加信息。

编辑2

根据您更新的问题,您的@item现在正在保存。您正在请求 show 部分,虽然看起来这没有正确定义或没有适当的项目/ show.json.erb或其他适当的JSON部分。您将需要浏览drop zone的文档以了解所需内容