使用jQuery插件在Rails中上傳圖片

我有一個創建專家頁面和一個添加照片頁面。用戶創建產品後，他們會被重定向到允許他們添加照片的頁面。我正在使用Jquery file-upload，它顯示您選擇的圖片的預覽，然後在點擊開始時將它們添加到服務器。但是，我得到這個錯誤。使用jQuery插件在Rails中上傳圖片

jQuery的文件上傳錯誤

DWadeCrop.jpg 97.74 KB Error SyntaxError: JSON.parse: unexpected character

控制檯消息

Started POST "/photos" for 127.0.0.1 at 2013-07-10 21:03:03 -0400 
Processing by PhotosController#create as JSON 
Parameters: {"utf8"=>"✓", "authenticity_token"=>"tc6sbe9n/PPKlZlUpQYWqxR3C6QJEMnQJSKr8+prczw=", "product_id"=>"129", "photo"=>{"upload"=>#<ActionDispatch::Http::UploadedFile:0xa5f0780 @original_filename="DWadeCrop.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"photo[upload]\"; filename=\"DWadeCrop.jpg\"\r\nContent-Type: image/jpeg\r\n", @tempfile=#<File:/tmp/RackMultipart20130710-3967-h6rcoo>>}} 
Product Load (0.1ms) SELECT "products".* FROM "products" WHERE "products"."id" = ? LIMIT 1 [["id", "129"]] 
Redirected to http://localhost:3000/ 
Completed 302 Found in 5ms (ActiveRecord: 0.1ms) 


Started GET "/" for 127.0.0.1 at 2013-07-10 21:03:03 -0400 
Processing by StaticPagesController#home as JSON 
    Rendered static_pages/home.html.haml within layouts/application (1.4ms) 
    User Load (0.3ms) SELECT "users".* FROM "users" WHERE "users"."auth_token" = 'eQOQkRRSnzfA51iiDQ-90w' LIMIT 1 
Completed 200 OK in 85ms (Views: 84.6ms | ActiveRecord: 0.3ms)

上傳照片視圖位置本地主機：3000 /產品/ 123 /圖片

Upload file 
    = form_for @photo, :html => { :multipart => true, :id => "fileupload" } do |f| 
    = f.file_field :upload 
    = hidden_field_tag 'product_id', @photo.product_id

的圖片

def pics 
    @product = Product.find(params[:product_id]) 
    @photo = Photo.new 
    @photo.product_id = @product.id 
    end

創建照片的方法

def create 
    @product = Product.find(params[:product_id]) 
    @photo = Photo.new 

    if @photo.valid? 
    @photo.product_id = @product.id 
    @photo.save! 
    respond_to do |format| 
     format.html { redirect_to product_path(@product) } 
     format.json { render json: @photo } 
    end 
    else 
    redirect_to root_url, :notice => "Somehting went wrong!" 
    end 
end

照片模型方法

class Photo < ActiveRecord::Base 
    attr_accessible :image 
    has_attached_file :image 

    include Rails.application.routes.url_helpers 

    belongs_to :product 
    validates_attachment :image, presence: true, 
          content_type: { content_type: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif'] }, 
          size: { less_than: 5.megabytes } 
    has_attached_file :image, styles: { medium: "320x240>", :thumb => "100x100>"} 

     def to_jq_image 
    { 
     "name" => read_attribute(:upload_file_name), 
     "size" => read_attribute(:upload_file_size), 
     "url" => image.url(:original), 
     "delete_type" => "DELETE" 
    } 
    end 

end

來源

2013-07-11 Alain Goldman

你使用任何gem for fileupload？ –

的問題是，照片中的模型，你有

"name" => read_attribute(:upload_file_name), 
    "size" => read_attribute(:upload_file_size),

當你的模型是@photo所以這個改變

"name" => read_attribute(:photo_file_name), 
    "size" => read_attribute(:photo_file_size),

而且在你的form_for你有

Upload file 
    = form_for @photo, :html => { :multipart => true, :id => "fileupload" } do |f| 
    = f.file_field :upload

凡說：再次上傳你的模型是@photo替換以及。

來源

2013-07-11 08:12:12 Cauterise

使用jQuery插件在Rails中上傳圖片

回答

相關問題