1. แนะนำไฟล์สคริปต์ในแท็ก JSP <head> (หมายเหตุคำสั่งซื้อ)
<script type = "text/javascript" src = "ทรัพยากร/js/jQuery-3.3.1.min.js"> </script> <script type = "text/javascript" src = "ทรัพยากร/js/ajaxfileupload.js"> </script>
2.SPRINGMVC.XML ไฟล์กำหนดค่า (ต้องกำหนดค่า)
<!-อัปโหลดภาพโดยใช้ SpringMvc AjaxFilePilePload-> <bean id = "MultipartResolver"> <property name = "MaxUploadSize" value = "10485760" /> </ebean>
3. <put> แท็ก (แอตทริบิวต์ id, filelementId ของ ajaxfileupload ใน <script> จะใช้)
<อินพุต type = "file" id = "headimg" name = "headimg"/>>
4. ในแท็ก <script> ฉันเขียน ajaxfileupload ในฟังก์ชั่นและเรียกใช้ฟังก์ชันที่ตำแหน่งที่จำเป็นต้องใช้อิมเมจอัพโหลด
ฟังก์ชั่น headimgupLoad () {// ฟังก์ชั่นการอัปโหลดรูปภาพ var results = ""; บัญชี var = $ ("#account"). val (); // ตัวแปรสองตัวของบัญชีและตัวตนจะถูกนำมาใช้ในภายหลังตามความต้องการของฉัน ผู้อ่านสามารถลบหรือแก้ไขตัวแปรทั้งสองนี้ตามความต้องการของตนเอง var identity = $ ("input [name = 'identity']: ตรวจสอบ"). val (); $ .ajaxFileUpload ({url: "register/headimgopload? account ="+account+"& identity ="+identity, // วิธีการในเลเยอร์คอนโทรลเลอร์สามารถเข้าถึงได้ตาม URL SecureUri: False, FilelementId: "headimg" (ผลลัพธ์) {result = result.replace (/<pre.*?>/g, ''); '); ผลลัพธ์ = result.replace ("pre>",' ');5. เลเยอร์คอนโทรลเลอร์
@controller @requestmapping (value = "register") คลาสสาธารณะ registerController {// user avatar อัปโหลด @requestmapping (value = "/headimgopload", method = requestMethod.post) @ResponseBody แผนที่สาธารณะ ผลลัพธ์ = "ล้มเหลว"; // ตำแหน่งที่อวาตาร์อัปโหลดสตริง imGrealPath = ""; ลอง {// ตรวจสอบให้แน่ใจว่าภาพที่อัปโหลดไม่ว่างเปล่าถ้า (headimg! = null &&! headimg.isempty ()) {// ตัดสินตัวตนของผู้ใช้ที่ลงทะเบียนผู้ค้าหรือสมาชิกถ้า (identity.equals ("สมาชิก") {// สมาชิก imgrealpath = request.getSession () } อื่นถ้า (identity.equals ("นักธุรกิจ")) {// ผู้ค้า imGrealPath = request.getSession (). getServletContext (). getRealPath ("/ทรัพยากร/รูปภาพ/สมาชิก"); } อื่นถ้า (identity.equals ("นักธุรกิจ")) {// merry imgrealpath = request.getSession (). getServletContext (). getRealPath ("/ทรัพยากร/รูปภาพ/นักธุรกิจ"); } system.out.println (imgrealpath); // พิมพ์พา ธ ในคอนโซล // ชื่อไฟล์ที่บันทึกไว้หลังจากการอัปโหลดเสร็จสิ้นสตริงชื่อไฟล์ = บัญชี + ".jpg"; // หากโฟลเดอร์ไม่มีอยู่ให้สร้างไฟล์ FileFolder = ไฟล์ใหม่ (IMGrealPath); if (! filefolder.exists ()) {filefolder.mkdirs (); } ไฟล์ไฟล์ = ไฟล์ใหม่ (filefolder, ชื่อไฟล์); // transferto (), เมธอด SpringMVC ใช้ในการเขียนภาพในหน่วยความจำไปยังดิสก์เมื่ออัปโหลดรูปภาพ; // IO ยกเว้นผลลัพธ์ = "ความสำเร็จ"; }} catch (ioexception e) {e.printstacktrace (); } แผนที่ <string, Object> resultmap = new hashmap <string, object> (); resultmap.put ("ผลลัพธ์" ผลลัพธ์); Return ResultsMap; -สรุป
ข้างต้นคือสิ่งที่บรรณาธิการแนะนำให้คุณรู้จัก SpringMVC ใช้ AJAXFAILUPLOAD เพื่ออัปโหลดรูปภาพ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!