1. Memperkenalkan file skrip di tag halaman JSP <Head> (perhatikan pesanan)
<type skrip = "Text/JavaScript" src = "Resources/JS/JQuery-3.3.1.min.js"> </script> <script type = "Text/JavaScript" SRC = "Resources/JS/Ajaxfileupload.js"> </script>
2.springmvc.xml file konfigurasi (harus dikonfigurasi)
<!-Unggah gambar menggunakan springmvc ajaxfileUpload-> <bean id = "multipartresolver"> <properti name = "maxuploadsize" value = "10485760" /> < /bean>
3. <Input> Tag (Atribut ID, FileElementID dari AjaxfileUpload di <script> akan digunakan)
<input type = "file" id = "headimg" name = "headimg"/>
4. Dalam tag <script>, saya menulis AjaxfileUpload dalam suatu fungsi, dan panggil fungsi di lokasi di mana gambar unggahan diperlukan.
function headimPuPload () {// fungsi unggahan gambar var result = ""; var akun = $ ("#akun"). val (); // Dua variabel akun dan identitas akan digunakan nanti sesuai dengan kebutuhan saya. Pembaca dapat menghapus atau memodifikasi dua variabel ini sesuai dengan kebutuhan mereka sendiri var Identity = $ ("Input [name = 'Identity']: Diperiksa"). Val (); $ .AJAXFILEUPLOAD ({URL: "Register/HeadimPlead? Account ="+Account+"& Identity ="+Identity, // Metode dalam lapisan pengontrol diakses sesuai dengan URL Secureuri: FALSE, FUNCUSID: "HEADIMG", // ID ATRibut Jenis Atribut dalam Tag <Input> POST ", POST," POST ", TEPS" TEPS "TEPS" (hasil) {result = result.replace (/<pre.*?>/g, ''); // AjaxfileUpload akan menambahkan <pre style = "...". " Hasil. });}5. Lapisan Pengontrol
@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 result String hasil = "gagal"; // lokasi di mana avatar diunggah string imgrealpath = ""; Coba {// Pastikan gambar yang diunggah tidak kosong jika (headimg! = null &&! headimg.isempty ()) {// menilai identitas pengguna terdaftar, pedagang atau anggota jika (identity.equals ("anggota")) {// anggota imgrealpath = request.getSession (). } lain jika (identity.equals ("pebisnis")) {// pedagang imgrealpath = request.getSession (). getservletcontext (). getRealPath ("/sumber daya/gambar/anggota"); } lain jika (identity.equals ("pebisnis")) {// rry imgrealpath = request.getSession (). getServletContext (). getRealPath ("/sumber daya/gambar/pebisnis"); } System.out.println (IMGREALPATH); // Cetak jalur di konsol // Nama file yang disimpan setelah diunggah diselesaikan string fileName = akun + ".jpg"; // Jika folder tidak ada, buat file baru filefolder = file baru (IMGREALPATH); if (! filefolder.exists ()) {filefolder.mkdirs (); } File file = file baru (fileFolder, fileName); // transferto (), metode springmvc digunakan untuk menulis gambar dalam memori ke disk saat mengunggah gambar; // IO Exception akan dilaporkan hasil = "Sukses"; }} catch (ioException e) {E.PrintStackTrace (); } Peta <String, Object> resultMap = new HashMap <String, Object> (); resultMap.put ("hasil", hasil); pengembalian hasil hasil; }}Meringkaskan
Di atas adalah apa yang diperkenalkan editor kepada Anda. SpringMVC menggunakan AjaxfailUpload untuk mengunggah gambar. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!