2011-10-17 62 views
2

如何創建一個上傳文件,一旦文件被選中就上傳文件?上傳時有一個很好的狀態欄。我正在使用回形針與Amazon S3服務器進行圖片上傳。我看到這個插件https://github.com/nathancolgate/s3-swf-upload-plugin ,但我不知道我應該如何使用它。Rails Amazon S3如何創建文件上傳進度欄?

我的形式:

<%= simple_form_for @photographer, :url => savenew_admin_photographers_path, :html => { :multipart => true, :method => :post} do |f| %> 
<%= f.label "Upload image" %><br /> 
<%= f.input :image, :label => '', :required => true %><br /> 
<%= f.label "Upload flv" %><br /> 
<%= f.input :flv, :label => '', :required => true %><br /> 
<%= f.label "Upload Quicktime" %><br /> 
<%= f.input :quicktime, :label => '', :required => true %><br /> 
<%= f.button :submit, :value => 'Create movie' %> 

回答

1

你應該看看JQuery的文件上傳。我推薦這個:https://github.com/blueimp/jQuery-File-Upload。因爲,我已經將它用於我的Rails應用程序,它只是在沒有配置和設置問題的情況下工作。在編碼之前試用其演示:http://blueimp.github.com/jQuery-File-Upload/。最後你還可以在這裏瀏覽一些在Rails中編寫的代碼:https://github.com/ncri/s3_uploader_example

如果你在這方面需要任何幫助。請讓我知道原因,我剛剛完成了這個工作,並且現在有一個新的背景。但是,如果你本質上有點冒險,我想你不需要任何幫助。

+0

hey surya。你能否檢查我的代碼?我目前正在使用jquery文件上傳+亞馬遜s3。在實施亞馬遜s3後,我的進度條已停止工作。不過,我正在使用jquery文件上傳的基本版本,而不是完整的用戶界面。這裏是我的代碼:https://github.com/EdmundMai/pholderbeta/blob/master/app/views/photos/new.html.erb – Edmund

+0

嘿埃德蒙,我創建了一個小的Facebook應用程序與omniauth和jQuery文件上傳載波,也可以使用亞馬遜S3進行配置。以下是應用程序庫的路徑:https://github.com/suryart/faceline – Surya

相關問題