Question

我在我的Rails 3应用程序上安装了paper_clip，并且可以上传文件 - 哇这很有趣也很容易！

现在的挑战是，允许用户上传多个对象。是否单击选择文件并能够选择多个文件。或者单击更多按钮并获取另一个文件上载按钮。

我找不到任何教程或宝石来支持这种开箱即用的功能。令人震惊我知道......

任何建议或解决方案。似乎是一个共同的需求？

由于

Answer 1

好的，这是一个复杂的但是可行的。以下是我如何使用它。

在客户端，我使用了http://github.com/valums/file-uploader，这是一个javascript库，允许多个文件上传，包括进度条和拖放支持。它得到了很好的支持，高度可配置，基本实现很简单：

在视图中：

<div id='file-uploader'><noscript><p>Please Enable JavaScript to use the file uploader</p></noscript></div>

在js：

var uploader = new qq.FileUploader({
   element: $('#file-uploader')[0],
   action: 'files/upload',
   onComplete: function(id, fileName, responseJSON){
     // callback
   }
});

当传递文件时，FileUploader将它们作为XHR请求发布到服务器，其中POST主体是原始文件数据，而头文件和文件名在URL字符串中传递（这是通过javascript异步上传文件的唯一方法）。

这是变得复杂的地方，因为Paperclip不知道如何处理这些原始请求，你必须捕获它们并将它们转换回标准文件（最好是在它们点击你的Rails应用程序之前），这样Paperclip可以正常工作了魔法。这是通过一些Rack Middleware完成的，它创建了一个新的Tempfile（记住：Heroku是只读的）：

# Embarrassing note: This code was adapted from an example I found somewhere online
# if you recoginize any of it please let me know so I pass credit.
module Rack
  class RawFileStubber

    def initialize(app, path=/files\/upload/) # change for your route, careful.
      @app, @path = app, path
    end

    def call(env)
      if env["PATH_INFO"] =~ @path
        convert_and_pass_on(env)
      end
      @app.call(env)
    end

    def convert_and_pass_on(env)
      tempfile = env['rack.input'].to_tempfile      
      fake_file = {
        :filename => env['HTTP_X_FILE_NAME'],
        :type => content_type(env['HTTP_X_FILE_NAME']),
        :tempfile => tempfile
      }
      env['rack.request.form_input'] = env['rack.input']
      env['rack.request.form_hash'] ||= {}
      env['rack.request.query_hash'] ||= {}
      env['rack.request.form_hash']['file'] = fake_file
      env['rack.request.query_hash']['file'] = fake_file
      if query_params = env['HTTP_X_QUERY_PARAMS']
        require 'json'
        params = JSON.parse(query_params)
        env['rack.request.form_hash'].merge!(params)
        env['rack.request.query_hash'].merge!(params)
      end
    end

    def content_type(filename)
      case type = (filename.to_s.match(/\.(\w+)$/)[1] rescue "octet-stream").downcase
      when %r"jp(e|g|eg)"            then "image/jpeg"
      when %r"tiff?"                 then "image/tiff"
      when %r"png", "gif", "bmp"     then "image/#{type}"
      when "txt"                     then "text/plain"
      when %r"html?"                 then "text/html"
      when "js"                      then "application/js"
      when "csv", "xml", "css"       then "text/#{type}"
      else 'application/octet-stream'
      end
    end
  end
end

稍后，在application.rb中：

config.middleware.use 'Rack::RawFileStubber'

然后在控制器中：

  def upload
    @foo = modelWithPaperclip.create({ :img => params[:file] })
  end

这种方法可靠，但在同时上传大量文件时可能会很慢。

<强>声明

这是针对一个单一的，已知的＆amp;受信任的后端用户。它几乎肯定会对高流量Heroku应用程序产生一些严重的性能影响，并且我没有为安全性进行过防火测试。这就是说，它确实有效。

Answer 2

Ryan Bigg推荐的方法是：

Daniel Mendel的file-uploader推荐非常棒。这是一个非常棒的用户体验，比如Gmail拖放上传。如果您对最新的中间件组件感兴趣，有人写了一篇关于如何使用rack-raw-upload中间件与rails应用程序连接的博客文章。

还有另一个最近更新的插件可能很有用

另一个（包括完整性。我没有调查过这个。）

这些问题高度相关

Answer 3

我在Rails 3 in Action的第8章中介绍了这一点。但我不介绍上传到S3或调整图片大小。

建议你单独购买它来解决这个问题可能听起来有点偏颇，但我可以向你保证它会回答你的其他问题。它将行为驱动开发方法作为主要主题之一，在开发应用程序期间向您介绍Rails功能。这不仅向您展示了如何构建应用程序，还使其可维护。

关于图片上传后的大小调整，Paperclip得到pretty good documentation on that。如果您不理解任何选项/方法，我建议您阅读，然后再询问另一个问题。

至于S3上传，你可以这样做：

has_attached_file :photo, :styles => { ... }, :storage => :s3

您需要使用您的S3详细信息配置Paperclip::Storage::S3进行设置，然后Paperclip再次为此设置pretty awesome documentation。

祝你好运！

Rails - Paper_Clip - 支持多文件上传

3 个答案: