在拖放时使用remotipart异步上传文件

时间:2014-02-21 09:59:02

标签: jquery ajax ruby-on-rails-3 file-upload remotipart

我有自己的文本编辑器实现,并希望允许用户通过将文件拖放到文本编辑器来上传文件。编辑器使用iframe。我正在使用rails和remotipart来执行图像文件的异步上传。我尝试使用这个插件:http://chrismbarr.github.io/FileDrop/但我无法弄清楚如何使用remotipart上传文件。我尝试使用AJAX,但我确信它不是正确的方式,而且它也不起作用:

$('#wysiwygtextfield').contents().find("html").fileDrop(
     {
      onFileRead:function(fileCollection){

           $.each(fileCollection, function(){
    // I should probably be uploading files to the server using remotipart here. 
    // the plugin iterates through the collection of files that are dropped 
          });
                                          },
         removeDataUriScheme: true
     }); 
   }) ;

如果您需要更多代码,上传操作或HTML,请发表评论。我正在使用以下表单使用remotipart gem进行异步上传文件,它工作正常:

<%= form_for(:image, :remote => true , :url => 'upload',:multipart => true , 
             :html => { :id => 'upload_qimage'}) do |f| %>

 <%= f.file_field :image, :placeholder => 'No file chosen',:onchange => "$(this).parents('form').submit(); before_submit() ; ",class: "image_textbox"  %>

<% end %>

0 个答案:

没有答案