Fonction de téléchargement asynchrone du fichier d'implémentation HTML5

La fonction de téléchargement du fichier de développement n'a jamais été une chose agréable, et c'est encore plus pour le téléchargement de téléchargements asynchrones. Cet article utilise brièvement les formdata de HTML5 pour implémenter le téléchargement asynchrone de fichiers, et peut également réaliser des barres d'entrée de téléchargement et une vérification de la taille du fichier. Le serveur utilise le schéma SpringMVC pour le traitement.

 <Form id = myform> <input type = file id = u_photo name = u_photo /> <input type = button id = soumed-btn value = upload /> </ form>

 $ (# Soumid-btn) .on ('click', function () {$ .ajax ({url: / test / upload, type: post, data: new formData ($ (#myform) .get (0)) , // C'est très important.

Le contrôle de la taille du fichier et le comportement correspondant doivent être traités par lui-même selon les besoins.

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

Ajoutez XHR à la méthode AJAX pour contrôler les progrès de téléchargement. La barre de progression et la barre de progrès cachée doivent être traitées par elle-même.

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

 <dependency> <proupId> Commons-io </proupId> <Artifactid> Commons-io </etefactId> <frisert> </ version> </ Dependency> <ProupId> Commons - Fileupload </proupId> <ArtiFactId> Commons-fileupload </ ArtifactId> <version> 1.3.2 </ version> </ dépendance>

 <bean id = multipartreSolver class = org.springframework.web.multupar.commonsmonsMultipResolver />

L'exemple de programme ne donne pas le code correspondant pour la vérification, le stockage et le traitement des fichiers.

 @RequestMapping (value = / test / upload, méthode = requestMethod.post) @ResponseBodyPublic String upload (@RequestParam (u_photo) MultipartFile _Photo) {System.out.println (u_photo = + u_photo.getSize ());};

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

Si vous n'êtes pas satisfait du plan ci-dessus, il est recommandé d'utiliser les solutions suivantes:

Uploader de fichier jQuery

Ce qui précède est la fonction de téléchargement asynchrone du fichier d'implémentation HTML5 introduit par Xiaobian. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!