2

簡単な画像掲示板を作成してRailsを学んでいます。ユーザーが画像をサーバーにアップロードできるようにしたいと思います。そうすれば、画像を提供できるようになります。

私はレールを使用しています-背骨とペーパークリップ。

関連する部分は次のとおりです。

app / models / image.rb

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

app /assets/javascripts/backbone/templates/images/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>

app / controllers / 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'

どんな助けでもいただければ幸いです！ありがとう！

4

1 に答える 1

1

RailのUJSは、マルチパートのフォームをリモート送信する方法を知りません。data-remote="true"フォームタグから削除します。

フォームがajax経由で送信されている場合、JavaScriptのFileData APIを使用していることがわかっていない限り、フォームが正しくエンコードされていない可能性があります。XHRレベル2とFormDataを使用して、マルチパートフォームを正しくエンコードできます。エンコードする前に、FileDataを使用してファイルの内容を読み取る必要があります。

于 2012-10-31T15:45:01.720 に答える