使用Rails,Paperclip和Backbone上传文件

时间:2012-10-31 08:07:53

标签: ruby-on-rails ruby backbone.js paperclip

我正在通过创建一个简单的图像板来学习Rails。我希望用户能够将图像上传到服务器,然后我就可以为他们提供服务。

我正在使用rails-backbone和paperclip。

以下是相关部分:

应用程序/模型/ image.rb

class Image < ActiveRecord::Base
  attr_accessible :url
  attr_accessible :data
  has_attached_file :data, :styles => { :medium => "300x300>", :thumb => "100x100>" }
end

应用程序/资产/ Javascript角/骨干/模板/图像/ submit.jst.ejs

<form id="new-image" name="image" data-remote="true" enctype="multipart/form-data">
  <div class="field">
    <label for="data"> image:</label>
    <input type="file" name="data" id="data">
  </div>

  <div class="actions">
    <input type="submit" value="Create Image" />
  </div>
</form>

应用程序/控制器/ images_controller.rb

def create
  @image = Image.new(params[:image])
  respond_to do |format|
    if @image.save
      format.html { redirect_to @image, notice: 'Image was successfully created.' }
      format.json { render json: @image, status: :created, location: @image }
    else
      format.html { render action: "new" }
      format.json { render json: @image.errors, status: :unprocessable_entity }
    end
  end
end

我也进行了这次迁移:

class AddAttachmentDataToImages < ActiveRecord::Migration
  def self.up
    add_attachment :images, :data 
  end

  def self.down
    remove_attachment :images, :data
  end
end

在尝试保存名为“fruits.png”的文件时,我在控制台中获得此输出:

Started POST "/images" for 127.0.0.1 at 2012-10-31 00:55:07 -0700
Processing by ImagesController#create as JSON
  Parameters: {"image"=>{"url"=>nil, "data"=>"C:\\fakepath\\fruits.png"}}
Completed 500 Internal Server Error in 2ms

Paperclip::AdapterRegistry::NoHandlerError (No handler found for "C:\\fakepath\\fruits.png"):
  app/controllers/images_controller.rb:16:in `new'
  app/controllers/images_controller.rb:16:in `create'

任何帮助将不胜感激!谢谢!

1 个答案:

答案 0 :(得分:1)

Rail的UJS不知道如何远程提交多部分表格。从表单标记中删除data-remote="true"

如果表单是通过ajax发送的,那么除非您知道您正在使用JavaScript中的FileData API,否则它可能无法正确编码。您可以使用XHR Level 2和FormData正确编码多部分表单。在对其进行编码之前,必须使用FileData读取文件内容。