Ruby on Rails 多图上传教程：Paperclip与SWFUpload整合

本文档介绍了如何在Ruby on Rails应用中实现多图上传功能，主要涉及两个关键组件：Paperclip gem 和 Swfupload 插件。Paperclip 是一个用于处理后台文件上传的强大工具，而 Swfupload 是一个JavaScript/Flash插件，提供前端文件选择、提交上传及进度条显示。 一、所需组件 1. Paperclip gem：Paperclip 是一个Ruby gem，它简化了在Rails应用中处理上传文件的过程，包括存储、缩略图生成等。要使用它，需要在Gemfile中添加 `gem 'paperclip'` 并执行 `bundle install` 安装。 2. Swfupload：Swfupload 是一个前端上传工具，使用Flash技术，支持多文件选择、上传进度显示等功能。可以从 http://code.google.com/p/swfupload/ 下载并提取所需的JavaScript和SWF文件。 二、运行环境 1. Ruby 1.9.3-p194 2. Rails 3.2 三、准备工作 1. 安装 Paperclip：在项目中添加 Paperclip，并按照官方文档配置模型和数据库迁移。 2. 获取 Swfupload：从官网下载 Swfupload 包，将JS文件放入 assets/javascripts 目录，SWF文件存放在 assets 目录下的新文件夹。 四、实施步骤 1. 在 views 文件夹下的相关HTML文件（例如 `demo.html.erb`）中引入 Swfupload 的JavaScript代码。设置如 flash_url 指向 SWF 文件路径，upload_url 为上传文件的控制器动作，post_params 包含认证令牌等必要参数。 2. 配置 Paperclip：在模型中定义 attachment，如 `has_attached_file :images`，并定义存储路径和样式。 3. 创建上传控制器：创建一个处理文件上传的控制器，如 `SwfUploadController`，定义 `create` 或 `update` 动作来处理文件接收和保存。 4. 更新视图：在需要上传图片的地方添加 Swfupload 控制器和按钮，确保与JavaScript设置一致。 5. 配置路由：在 `config/routes.rb` 文件中添加相应的路由规则，确保文件上传请求能正确到达控制器。 6. 测试上传：在浏览器中预览页面，测试文件上传功能，确保图片能够成功上传并保存到数据库和指定的存储位置。 通过以上步骤，你可以实现Rails应用中的多图上传功能，结合Paperclip的后端处理能力和Swfupload的前端交互，提供用户友好的文件上传体验。记得在实际部署时考虑安全性，例如限制文件类型、大小以及处理上传异常情况。