Javascript文件上传机制

Question

我需要用户上传文件（主要是图片）而不离开当前网页。这样做的最佳工具，库或机制是什么？我正在使用最新的jQuery和Spring webmvc（使用JSP），所以如果已经有一个机制，那么这是理想的。

拥有某种进度条真的很棒。这是否意味着需要与服务器协调才能读取进度（Spring必须在哪里发挥作用）？或者JavaScript中是否有这样的机制？

Answer 1

我经常使用uploadify：http://www.uploadify.com/

但是它确实使用flash作为上传机制，因此如果用户通过身份验证，可能会产生一些问题。

Answer 2

您应该在客户端使用AJAX

http://www.webtoolkit.info/ajax-file-upload.html本教程涵盖所有客户端。

服务器端 这个tutorlal涵盖了这个问题的大部分内容：

http://www.ioncannon.net/programming/975/spring-3-file-upload-example/

Yopu也可以使用jquery或任何其他JS框架。

但重要的是雾是你需要记住你的客户端标签应该有的事实。

enctype='multipart/form-data'

属性。这意味着您的请求包含多部分数据。

Answer 3

您应该查看Plupload。

  

Plupload提供跨浏览器   JavaScript文件上传API   处理多个文件上传，   客户端进度表，类型   过滤甚至是客户端图像   调整大小和拖放   桌面。它实现了所有这一切   为Flash提供后端，   Silverlight，Google Gears，HTML5和   Browserplus和挑选最多   有能力的选择。

真的很整洁！这是他们的一些演示的链接...

http://www.plupload.com/example_jquery_ui.php

...以及jQuery UI队列小部件的屏幕截图（它有一个进度条！）：

我希望这会有所帮助 赫里斯托斯

Answer 4

Uploadify做那个技巧＆gt; http://www.uploadify.com/ 所有示例都是php，但您应该能够将其转换为您的平台。