如何将多个文件附加到页面上并在进度条上显示进度。并将文件上传到服务器

Question

我知道 tamawhak 提供了一个文件上传组件。但我的要求是只在页面上显示一个“添加文件”按钮（不需要输入字段）。单击按钮后，应弹出选择文件窗口。选择要附加的文件后，附件应自动以进度条开头，在同一页面上显示附件操作的进度。用户可以执行相同的操作并附加多个文件。用户保持在同一页面上，并在附加所有文件后，单击提交按钮并上传文件。

我使用JSF2.0，我不知道，我是怎么做到的？...基本上我需要对gmail或类似提供的附件实施一个解决方案。

谢谢， 阿贾

Answer 1

我之前已经用blueimp's jQuery File Upload plugin 做过几次同样的事情。需要进行一些修改才能自定义它以使其看起来和感觉完全像您想要的那样，特别是修改文件输入看起来像一个按钮。服务端技术不相关，只要能接收文件即可。

查看演示并浏览文档。不过不要指望这是一个简单的解决方案，这需要一些工作。