Javascript文件上传机制

发布于 2024-11-05 18:05:19 字数 207 浏览 0 评论 0原文

我需要用户在不离开当前网页的情况下上传文件(主要是图像)。执行此操作的最佳工具、库或机制是什么?我正在使用最新的 jQuery 和 Spring webmvc(带有 JSP),所以如果它们内部已经有一个机制那么这是理想的。

如果有某种进度条那就太好了。这是否意味着它需要与服务器协调才能读取进度(Spring 必须发挥作用)?或者 JavaScript 中有一个机制可以实现这一点吗?

I need for users to upload files (mostly images) without leaving the current webpage. What's the best tool, library or mechanism for doing this? I'm using the latest jQuery and Spring webmvc (with JSP), so if there's already a mechanism within them then that's ideal.

It would also be really great to have some kind of progress bar. Does that mean it requires coordination with the server to read the progress (where Spring would have to come into play)? Or is there a mechanism within JavaScript for this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

-残月青衣踏尘吟 2024-11-12 18:05:19

您应该查看 Plupload

Plupload 提供跨浏览器
JavaScript 文件上传 API
处理多个文件上传,
客户端进度表,类型
过滤甚至客户端图像
调整大小并从
桌面。它通过以下方式实现了这一切
为 Flash 提供后端,
Silverlight、Google Gears、HTML5 和
Browserplus 并选择最多
有能力的可用选项。

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

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

...以及 jQuery UI 队列小部件的屏幕截图(它有一个进度条!):

jQuery UI 队列小部件

我希望这有帮助。
赫里斯托

You should check out Plupload.

Plupload offers a cross-browser
JavaScript File uploading API that
handles multiple file uploads,
client-side progress meters, type
filtering and even client-side image
resizing and drag-and-drop from the
desktop. It achieves all of this by
providing backends for Flash,
Silverlight, Google Gears, HTML5 and
Browserplus and picking the most
capable available option.

Its really neat! Here's a link to some of their Demos...

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

... and a screenshot of the jQuery UI queue widget (it has a progress bar!):

jQuery UI queue widget

I hope this helps.
Hristo

醉生梦死 2024-11-12 18:05:19

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

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

I use uploadify pretty regularly: http://www.uploadify.com/

However it does use flash for the upload mechanism and as a result may create some issues if the user is authenticated.

江挽川 2024-11-12 18:05:19

您应该在客户端使用 AJAX

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

OM 服务器端
本教程涵盖了此问题的大部分内容:

http://www.ioncannon.net/programming/975/spring-3-file-upload-example/" rel="nofollow">http://www. ioncannon.net/programming/975/spring-3-file-upload-example/

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

但最重要的是你需要记住你在客户端的标签应该有。

enctype='multipart/form-data'

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

You should use AJAX on the client side

http://www.webtoolkit.info/ajax-file-upload.html This tutorial covers all client side.

Om the server side
This tutorlal covers most of this issue:

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

Yopu can use jquery as well or any other JS framework.

But the mist important thing is the fact You need to remember that your tag on client side should have.

enctype='multipart/form-data'

property. it means that your request contains muultipart data.

心碎的声音 2024-11-12 18:05:19

Uploadify 就是这么做的 > http://www.uploadify.com/
所有示例都是 php,但您应该能够将其转换到您的平台。

Uploadify does that trick > http://www.uploadify.com/
All samples are php but you should be able to convert it to your platform.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文