1. Introduire des fichiers de script dans la balise JSP Page <Aad> (Remarque l'ordre)
<script type = "text / javascript" src = "ressources / js / jquery-3.3.1.min.js"> </ script> <script type = "text / javascrip
2.Springmvc.xml Fichier de configuration (doit être configuré)
<! - Téléchargez l'image à l'aide de Springmvc AJaxFileUpload -> <bean id = "MultipartResolver"> <propriété name = "maxuploadSize" value = "10485760" /> </ank>
3. <fort> tag (attribut id, fileelementId de ajaxfileupload dans <Script> sera utilisé)
<input type = "file" id = "headimg" name = "headimg" />
4. Dans la balise <cript>, j'écris AjaxFileUpload dans une fonction et j'appelle la fonction à l'emplacement où l'image de téléchargement est nécessaire.
fonction headImGupload () {// La fonction de téléchargement d'image var résultats = ""; var compte = $ ("# compte"). Val (); // Les deux variables de compte et d'identité seront utilisées plus tard selon mes besoins. Les lecteurs peuvent supprimer ou modifier ces deux variables en fonction de leurs propres besoins var identité = $ ("entrée [name = 'identité']: vérifié"). Val (); $ .ajaxFileUpload ({URL: "registre / headMGupload? account =" + account + "& identity =" + identity, // La méthode dans la couche de contrôleur est accessible en fonction du type d'attribut URL dans le type <put> tag: "post", dataType: "text", // Type de données renvoyé par le serveur est un succès: " {result = result.replace (/ <pre. *?> / g, ''); Result.replace (<pré> ", '');5. Couche de contrôleur
@ Controller @ requestmapping (value = "registre") public classe registreController {// utilisateur avatar upload @RequestMapping (value = "/ HeadImGupload", méthode = requestMethod.post) @ResponseBody Public Map <String, objet> HeadImGupload (@RequestParam multipartFile Headimg, String Account = "échec"; // l'emplacement où l'avatar est téléchargé la chaîne imGrealPath = ""; essayez {// assurez-vous que l'image téléchargée n'est pas vide if (headimg! = null &&! Headimg.isempty ()) {// jugez l'identité de l'utilisateur enregistré, du commerçant ou du membre if (identity.equals ("membre")) {// membre imGrealPath = request.getSession (). getSerContext (). GetRealpath (""). } else if (identity.equals ("Businessman")) {// marchand imGrealPath = request.getSession (). getServletContext (). getRealPath ("/ Resources / image / membre"); } else if (identity.equals ("Businessman")) {// Merry ImGrealPath = request.getSession (). getServletContext (). getRealPath ("/ Resources / Image / Businessman"); } System.out.println (imGrealPath); // imprime le chemin dans la console // Le nom de fichier enregistré après le téléchargement est terminé la chaîne fileName = compte + ".jpg"; // Si le dossier n'existe pas, créez un nouveau fichier filefolder = nouveau fichier (imGrealPath); if (! filefolder.exists ()) {filefolder.mkDirs (); } File file = new File (filefolder, nom de fichier); // transferto (), la méthode SpringMvc est utilisée pour écrire l'image en mémoire sur disque lors du téléchargement d'images; // l'exception io sera signalée result = "Success"; }} catch (ioException e) {e.printStackTrace (); } Map <string, object> resultMap = new HashMap <String, object> (); resultMap.put ("result", résultat); return resultMap; }}Résumer
Ce qui précède est ce que l'éditeur vous a présenté. Springmvc utilise AjaxFailupload pour télécharger des images. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!