Gemfile文件:
gem 'jquery-fileupload-rails'
spplication.js:
//= require jquery-fileupload/basic
其實//= require jquery-fileupload/basic引入的有
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
最小級別的使用,可以單獨下載這幾個文件使用。
photo.html.erb:
<input type="file" name="photo" id="fileupload" />
<!--使用form表單上傳-->
<%#= form_for @photo,:url => { :action => "create", :controller=>"photos"},:method => :post, :html => {:multipart => true, :id => "fileup_load" } do |f| %>
<%#= f.hidden_field :user_id %>
<%#= f.file_field :photo%>
<%# end %>
<script>
$("#fileupload").fileupload({
method:'post',
url:"photos/upload",//文件上傳地址,當然也可以直接寫在input的data-url屬性內
formData:{param1:"p1",param2:"p2"},//如果需要額外添加參數可以在這裏添加
done:function(e,result){
console.log(JSON.stringify(result.result));
}
})
</script>
因爲項目沒有數據庫,所以就不能使用以前調用carriwave插件來實現上傳功能
現簡單文件上傳到服務器(不用Gem或Plugin)
photos_controller.erb:
ef create
require 'fileutils'
tmp=params[:photo]
file=File.join('public',current_user['id'].to_s+'.jpg')
FileUtils.cp tmp.path,file
render json: {data:'dfdf'}
end
然後對上傳的圖片進行裁剪,調用遠程接口上傳到服務器,保存。
FileUtils使用:
http://www.ruby-doc.org/stdlib-1.9.3/libdoc/fileutils/rdoc/FileUtils.html
http://www.kuqin.com/rubycndocument/man/addlib/fileutils.html