MultiPowUpload 多文件上传及使用方法

阅读更多

rails 中要使用多文件上传的方案很多，最近搜到一个非常好的flash解决多文件上传的办法，而且用起来也非常简单，当然官网上有关于MultiPowUpload 的说明，但是它写的不够直接，而且没有对rails 支持。所以在此把使用步骤告诉大家：

1. 下载文档： http://www.element-it.com/multiple-file-upload/flash-uploader.aspx

 

下载之后文件目录如下：

 

/Documentation
/Extra
/FileProcessingScripts
/images
ElementITMultiPowUpload3.0.swf
styles.css
.....

 

复制以上几个文件夹到项目的public 文件中，其中images中的内容直接复制到images中即可，而 styles.css文件要放到stylesheets中。

 

2. 新建一个页面，在页面中写入以下代码：

 其中send_url 就是你要发送到那个url中，redirect_url就是发送完成后跳转到那个页面。由于该flash是多文件上传同时还要显示进度条，外表上看是请求一次，实际上，一个文件请求一次，多个文件就请求多次，所以在你的controller的action 中不能跳转。

 

3. controller 接收到的数据如下：

{"fileCreationdate"=>"1281592578656",
 "Filename"=>"YSDH_3012.jpg",
 "fileId"=>"BF455077-6388-6269-D6DD-EE50FD54FB13",
 "rotateAngle"=>"0",
 "filesCount"=>"1",
 "action"=>"flash_uploads",
 "Upload"=>"Submit Query",
 "id"=>"3",
 "MultiPowUpload_browserCookie"=>
  "c_lang=zh; lp_auth=7318Y4a0wvuy%2BTX4cPnScX99crC95G1yeY%2BDWvauKVr6iLSpD%2FWQPqRarJtuaqzD
 "fileModificationDate"=>"1281592580390",
 "controller"=>"ajax_uploads",
 "rotateAngleBeforeCrop"=>"0",
 "currentFileIndex"=>"0",
 "fileSize"=>"208207",
 "Filedata"=>
  #}
rd: 31.3ms)

 到此action中怎么写大家应该知道了,保存文件就可以了

具体效果图如下：

 

 

• 
• 大小: 12 KB

• 
• 大小: 13.2 KB

• 
• 大小: 12 KB

• 查看图片附件