Функция реализации HTML5 Асинхронная функция загрузки

Функция загрузки файла разработки никогда не была приятной вещью, и даже для загрузки асинхронных загрузок. В этой статье кратко используется FormData HTML5 для реализации асинхронной загрузки файлов, а также может достичь полосой загрузки и проверки размера файла. Сервер использует схему SpringMVC для обработки.

 <Form id = myform> <input type = file id = u_photo name = u_photo/> <input type = кнопка идентификатор = id = upport-btn value = upload/> </form>

 $ (#Opper-btn) .on ('click', function () {$ .ajax ({url:/test/upload, type: post, data: new formdata ($ (#myform) .get (0)) , // это очень важно.

Управление размером файла и соответствующее поведение должно быть обработано само по себе по мере необходимости.

 $ ('#u_photo'). }}});

Добавьте XHR в метод AJAX для управления прогрессом загрузки. Показ и скрытый план прогресса должны быть обработаны сами по себе.

 Xhr: function () {var myxhr = $ .ajaxsettings.xhr (); .attr ({value: e.loaded, max: e.total,});}}, false);} return myxhr;}

 <dependency> <groupid> commons-io </GroupId> <artifactid> commons-io </artifactid> <sersion> </version> </dependency> <groupid> commons- fileupload </GroupId> <ArtTifactId> commons-filePload </Artifactid> <sersion> 1.3.2 </version> </gethyserian>

 <bean id = multipresolver class = org.springframework.web.multipart.commonsmonsmultipresolver />

Пример программы не дает соответствующего кода для проверки, хранения и обработки файлов.

 @Requestmapping (value =/test/upload, method = requestMethod.post) @ResponseBodyPublic string upload (@RequestParam (u_photo) Multiplyfile _photo) {System.out.println (u_photo =+u_photo.getSize ());

IE 10+, Firefox 4.0+, Chrome 7+, Safari 5+, Opera 12+

Если вы не удовлетворены приведенным выше планом, рекомендуется использовать следующие решения:

JQuery файл загрузчик

Приведенное выше - асинхронная функция загрузки файла реализации HTML5, введенного в Сяобиан. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!