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