//jQuery函數(shù) 對(duì)應(yīng)上面的onchange事件
    function uploadFile() {
        //由于該JSP頁面只有一個(gè)表單，因此只需要定義下標(biāo)為0即可指定當(dāng)前表單
        let formData = new FormData($("form")[0]);
        //關(guān)鍵代碼：ajax異步上傳圖片
        $.ajax({
            url: "uploadFile",//此處對(duì)應(yīng)controller控制層中RequestMapping注解中的值
            data: formData,//需要上傳的表單數(shù)據(jù)
            type: "post",//此處要用post方式上傳，原因是get方式對(duì)上傳文件大小有限制
            //processData 默認(rèn)為true，當(dāng)設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會(huì)序列化 data，而是直接使用data
            processData: false,
            //ajax 中 contentType 設(shè)置為 false 是為了避免 JQuery 對(duì)其操作，從而失去分界符，而使服務(wù)器不能正常解析文件。
            contentType: false,
            success: function (msg) {
                //判斷校驗(yàn)上傳文件的格式是否為常用圖片類型\
                let str = "";
                let split = msg.split(",");//用逗號(hào)切割 為數(shù)組
                let flag = false;
                for (let i = 0; i < split.length; i++) {
                    if (split[i].endsWith(".jpg") || split[i].endsWith(".png") || split[i].endsWith(".bmp") || split[i].endsWith(".jpeg") || split[i].endsWith(".gif")) {
                        flag = true;
                    } else {
                        //一旦不滿足上面的條件，就將旗幟flag設(shè)置為false，并打破循環(huán)
                        flag = false;
                        break;
                    }
                    //循環(huán)遍歷數(shù)組拼接字符串，src中需要添加虛擬路徑
                    str += '<img src="/img/' + split[i] + '" width="50" height="50">';
                }
                if (flag) {
                    $("[name=img]").val(msg)
                    $("#sp1").html(str)
                } else {
                    alert("上傳圖片格式錯(cuò)誤??！")
                    $("[name=img]").val("")//清空之前的代碼,后臺(tái)JSR303自動(dòng)校驗(yàn)不能為空
                }
            }
        })
    }

//@RequestMapping是一個(gè)用來處理請(qǐng)求地址映射的注解，可用于類或方法上。
//@RequestParam：將請(qǐng)求參數(shù)綁定到后臺(tái)控制器的方法參數(shù)上（是springmvc中接收普通參數(shù)的注解）（以此確保和前端頁面name屬性中的值一致）
    @RequestMapping("uploadFile")
    @ResponseBody //加上 @ResponseBody 后，會(huì)直接返回 json 數(shù)據(jù)。
    public String uploadFile(@RequestParam("file") MultipartFile[] files) throws IOException {
        //要存放圖片的本機(jī)地址
        String path = "D://img";
        String[] fileNames = new String[files.length];
        String imgs = "";
        for (int i = 0; i < fileNames.length; i++) {
            //UUID用于隨機(jī)生成不重復(fù)的文件名
            // getOriginalFilename()該方法用于獲取前臺(tái)上傳文件的名稱，和UUID做此處理確保上傳的文件名唯一
            fileNames[i] = UUID.randomUUID().toString() + files[i].getOriginalFilename();
            File file = new File(path, fileNames[i]);
            files[i].transferTo(file);//把文件路徑所指向的文件上傳到對(duì)應(yīng)的目錄下。
            imgs += "," + fileNames[i];
        }
        //截取imgs頭部多出來的逗號(hào)
        imgs = imgs.substring(1);
        return imgs;
    }