Механизм загрузки файлов Javascript

Question

Мне нужно, чтобы пользователи загружали файлы (в основном, изображения), не покидая текущей веб-страницы. Какой лучший инструмент, библиотека или механизм для этого? Я использую последние jQuery и Spring webmvc (с JSP), так что если в них уже есть механизм, то это идеально.

Было бы здорово иметь какой-нибудь индикатор прогресса. Означает ли это, что требуется координация с сервером для чтения прогресса (где Spring должен вступить в игру)? Или в JavaScript есть механизм для этого?

Answer 1

Вы должны проверить Plupload .

Plupload предлагает кросс-браузер API загрузки файлов JavaScript, который обрабатывает несколько загрузок файлов, индикаторы прогресса на стороне клиента, тип фильтрация и даже изображение на стороне клиента изменение размера и перетаскивание из рабочий стол. Все это достигается благодаря предоставление бэкэндов для Flash, Silverlight, Google Gears, HTML5 и Browserplus и сбор наиболее способный доступный вариант.

Это действительно аккуратно! Вот ссылка на некоторые из их демонстраций ...

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

... и снимок экрана виджета очереди jQuery UI (он имеет индикатор выполнения!):

Надеюсь, это поможет.
Христо

Answer 2

Я использую uploadify довольно регулярно: http://www.uploadify.com/

Однако он использует flash для механизма загрузки и в результате может создать некоторые проблемы при аутентификации пользователя.

Answer 3

Вы должны использовать AJAX на стороне клиента

http://www.webtoolkit.info/ajax-file-upload.html Это руководство охватывает всю сторону клиента.

Om на стороне сервера Это руководство покрывает большую часть этой проблемы:

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

Yopu может использовать также jquery или любую другую инфраструктуру JS.

Но важен момент, связанный с туманом. Вам нужно помнить, что ваш тег на стороне клиентаиметь.

enctype='multipart/form-data'

свойство.это означает, что ваш запрос содержит многочастные данные.

Answer 4

Uploadify делает этот трюк> http://www.uploadify.com/ Все примеры php, но вы сможете конвертировать его на свою платформу.