rails 不刷新上傳文件jquery-fileupload-rails包的簡易使用

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章