1. Einführen von Skriptdateien in das JSP -Seite <Head> Tag (beachten Sie die Bestellung).
<script type = "text/javaScript" src = "ressourcen/js/jquery-3.3.1.min.js"> </script> <script type = "text/javascript" src = "ressourcen/js/ajaxFilepload.js"> </script>
2.SpringMvc.xml Konfigurationsdatei (muss konfiguriert werden)
<!-Laden Sie das Bild mit SpringMVC ajaxFileUpload hoch-> <bean id = "multipartresolver"> <Eigenschaft name = "maxUploadSize" value = "10485760" /> < /bean>
3. <eingabe> Tag (ID -Attribut, FileElementId von AjaxFileUpload in <Script> wird verwendet.
<Eingabe type = "Datei" id = "headimg" name = "headimg"/>
4. Im <Script> -Tag schreibe ich AjaxFileUpload in eine Funktion und rufe die Funktion an dem Ort auf, an dem das Upload -Bild benötigt wird.
Funktion HeadimGupload () {// Die Bild -Upload -Funktion var results = ""; var Account = $ ("#Konto"). Val (); // Die beiden Variablen des Kontos und der Identität werden später gemäß meinen Bedürfnissen verwendet. Leser können diese beiden Variablen nach ihren eigenen Bedürfnissen löschen oder ändern. $ .ajaxFileUpload ({url: "Register/HeadimGupload? Account ="+account+"& identity ="+Identität, // Die Methode in der Controller -Ebene wird gemäß dem URL Secureuri zugegriffen. {result = result.replace (/<pre.*?>/g, ''); result.replace ("</pre>", ''); }});}5. Controller -Schicht
@Controller@RequestMapping(value = "register")public class RegisterController { //User avatar upload @RequestMapping(value = "/headImgUpload",method = RequestMethod.POST) @ResponseBody public Map<String,Object> headImgUpload(@RequestParam MultipartFile headImg, String account, String identity, HttpServletRequest request){ //Upload Ergebnis String result = "fail"; // der Ort, an dem der Avatar im GrealPath = "" hochgeladen wird; Versuchen Sie {// Stellen Sie sicher, dass das hochgeladene Bild nicht leer ist, wenn (headimg! } else if (identity.equals ("Geschäftsmann") {// Händler imgrealPath = request.getSession (). } else if (identity.equals ("Geschäftsmann") {// merry imgrealPath = request.getSession (). } System.out.println (ImgrealPath); // Den Pfad in der Konsole // den nach dem Upload gespeicherten Dateinamen drucken String -Dateiname = Konto + ".JPG"; // Wenn der Ordner nicht vorhanden ist, erstellen Sie eine neue Dateidateifolder = neue Datei (ImgrealPath). if (! fileFolder.exists ()) {FileFolder.mkdirs (); } File Datei = neue Datei (DateiFolder, Dateiname); // TransferTo (), die SpringMVC -Methode wird verwendet, um das Bild in Speicher in die Festplatte zu schreiben, wenn Bilder hochgeladen werden. Die Ausnahme von // IO wird gemeldet. }} catch (ioException e) {e.printstacktrace (); } Map <string, object> resultmap = new HashMap <String, Object> (); resultMap.put ("Ergebnis", Ergebnis); return resultMap; }}Zusammenfassen
Das obige ist das, was der Herausgeber Ihnen vorgestellt hat. SpringMVC verwendet AjaxFailUpload, um Bilder hochzuladen. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!