我在我的 Rails 3 应用程序上安装了 paper_clip，并且可以上传文件 - 哇，太有趣了！
现在的挑战是，允许用户上传多个对象。 是否单击选择文件并能够选择多个。或者单击更多按钮并获取另一个文件上传按钮。
我找不到任何开箱即用的教程或 gem 来支持这一点。震惊我知道...
任何建议或解决方案。似乎是一个共同的需求？
谢谢
【问题讨论】：
标签： ruby-on-rails ruby-on-rails-3 paperclip
好的，这是一个复杂的，但它是可行的。这是我如何让它工作的。
在客户端，我使用了 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 可以工作魔法。这是通过一些创建新临时文件的机架中间件完成的（记住：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
这很可靠，但同时上传大量文件时可能会很慢。
免责声明
这是针对具有单个、已知且受信任的后端用户的项目实施的。几乎可以肯定，它对高流量 Heroku 应用程序有一些严重的性能影响，我还没有对它进行安全测试。也就是说，它确实有效。
【讨论】：
upload' lib/raw_file_stubber.rb:13:in call'
Ryan Bigg 推荐的方法在这里：
Daniel Mendel 的 file-uploader 推荐真的很棒。这是一种非常棒的用户体验，就像 Gmail 拖放上传一样。如果您对最新的中间件组件感兴趣，有人写了一篇关于如何使用rack-raw-upload 中间件将其与 Rails 应用程序连接起来的博客文章。
还有另一个最近更新的插件可能有用
还有一个（包括在内是为了完整性。我没有调查过这个。）
这些问题高度相关
【讨论】：
我在 Rails 3 in Action 的第 8 章中介绍了这一点。但是，我不介绍上传到 S3 或调整图像大小。
仅根据它解决这个问题来推荐您购买它可能听起来有点偏颇，但我可以向您保证，它会回答您的其他问题。它以行为驱动开发方法作为主要主题之一，在应用程序开发过程中向您介绍 Rails 功能。这不仅向您展示了如何构建应用程序，而且还向您展示了如何可维护。
关于图片上传后的大小调整，Paperclip 有pretty good documentation on that。如果您不了解任何选项/方法，我建议您阅读然后再问另一个关于 SO 的问题。
对于 S3 上传，您可以这样做：
has_attached_file :photo, :styles => { ... }, :storage => :s3
您需要使用您的 S3 详细信息配置 Paperclip::Storage::S3 来进行设置，Paperclip 再次为此提供了一些 pretty awesome documentation。
祝你好运！
【讨论】：