用ajax和formdata傳送文件到后台

html:

js:

controller:

 

 注意：1controller中接受的參數名和input標簽中的name屬性需要一樣

            2ssm中的xml需要配置才能使用文件上傳，springboot不需要，直接可以使用

 

 

 

多文件傳輸1：

public Result Manufacturer(HttpServletRequest request)
   { 
     //將當前上下文初始化給  CommonsMutipartResolver （多部分解析器）
        CommonsMultipartResolver multipartResolver=new CommonsMultipartResolver(
          request.getSession().getServletContext());
        //檢查form中是否有enctype="multipart/form-data"
        if(multipartResolver.isMultipart(request))
        {
            //將request變成多部分request
            MultipartHttpServletRequest multiRequest=(MultipartHttpServletRequest)request;
           //獲取multiRequest 中所有的文件名
            Iterator iter=multiRequest.getFileNames();
            while(iter.hasNext())
            {
                //一次遍歷所有文件
                MultipartFile file=multiRequest.getFile(iter.next().toString());
                System.out.println(file.getName());
                if(file!=null)
                {
                    String path="E:/springUpload"+file.getOriginalFilename();
                    //上傳
                  //  file.transferTo(new File(path));
                }
                
            }
        }

}

導入依賴：

  <dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3</version>
</dependency>

 

多文件傳輸2：

    后台：

   前台：

   

 

 多文件傳輸3：

后台：

前台：

 

 

 

另外：如果要用json形式傳圖片，可以用json傳文件的url地址，服務器端將地址保存到數據庫，前端需要獲取圖片時，根據地址獲取圖片。