多图片文件上传实现并通过 PostMan 测试

马琰的春天

项目的框架是springCloud 的一个服务，图片上传实际上就是用java的IO 流进行读写文件，给后台传递一个路径，后台通过浏览器链接到前端，将前端的图片数据拷贝的服务器的存储地址。

1. 服务端保存图片的地址：

application.yml 文件中添加如下配置：

1. img:
   
2.   location: E:\hjy\workspace\wx-back-web\src\main\webapp\olimg\

复制代码

2、有关文件上传实现

.Controller 中获取路径的

1. import org.springframework.beans.factory.annotation.Value;
   
2. 
   
3. 
   
4.   @Value("${img.location}")
   
5.         private String location;

复制代码

  Controller 中的方法：

1. import org.springframework.web.bind.annotation.PathVariable;
   
2. 
   
3. 
   
4. @RequestMapping("/uploadImg/{imgType}")
   
5.         public String uploadImg(
   
6.                         @RequestParam("ediormd-image-file") MultipartFile[] files,@PathVariable("imgType") String imgType) {
   
7.                 ResponseData res = new ResponseData();
   
8.          List<ProductPic> proPicList = new ArrayList<ProductPic> ();
   
9.         String filePath = location + imgType +"/";
   
10.         try {
    
11.                 if(files != null && files.length >0){
    
12.                         for( int i=0;i<files.length;i++){
    
13.                                 ProductPic proPic = new ProductPic();
    
14.                                 MultipartFile file = files[i];
    
15.                                 String contentType = file.getContentType();
    
16.                                 String fileName = file.getOriginalFilename();
    
17.                                 System.out.println("fileName-->" + fileName);
    
18.                                 System.out.println("getContentType-->" + contentType);
    
19.                                 String resfileNewName = FileUtil.uploadFile(file.getBytes(), filePath, fileName);
    
20.                                 proPic.setPicUrl(filePath +resfileNewName);
    
21.                                 if(imgType.equals("list")){
    
22.                                         proPic.setPicName("列表图");
    
23.                                 }else if("caro".equals(imgType)){
    
24.                                         proPic.setPicName("轮播图");
    
25.                                 }else if("intr".equals(imgType)){
    
26.                                         proPic.setPicName("介绍图");
    
27.                                 }else if("thum".equals(imgType)){
    
28.                                         proPic.setPicName("缩略图");
    
29.                                 }
    
30.                                 proPicList.add(proPic);
    
31.                         }
    
32.                 }
    
33.                         res.setCode(Constant.SUCCESS_CODE);
    
34.                         res.setResult(proPicList);
    
35.                         res.setMessage(Constant.SUCCESS_MSG);
    
36.                 } catch (IOException e) {
    
37.                         e.printStackTrace();
    
38.                         res.setCode(Constant.FAIL_CODE);
    
39.                         res.setMessage(Constant.FAIL_MSG);
    
40.                 } catch (Exception e) {
    
41.                         e.printStackTrace();
    
42.                         res.setCode(Constant.FAIL_CODE);
    
43.                         res.setMessage(Constant.FAIL_MSG);
    
44.                 }
    
45.                 JSONObject rdJson = JSONObject.fromObject(res);
    
46.                 return rdJson.toString();
    
47.         }

复制代码

辅助类ResponseData

1. public class ResponseData {
   
2.         private Object result; // 返回结果
   
3.         private Object baseResult;// 基础信息返回结果
   
4.         private String code; // 返回code
   
5.         private String message; // 返回提醒消息
   
6. 
   
7.         public Object getResult() {
   
8.                 return result;
   
9.         }
   
10. 
    
11.         public void setResult(Object result) {
    
12.                 this.result = result;
    
13.         }
    
14. 
    
15.         public Object getBaseResult() {
    
16.                 return baseResult;
    
17.         }
    
18. 
    
19.         public void setBaseResult(Object baseResult) {
    
20.                 this.baseResult = baseResult;
    
21.         }
    
22. 
    
23.         public String getCode() {
    
24.                 return code;
    
25.         }
    
26. 
    
27.         public void setCode(String code) {
    
28.                 this.code = code;
    
29.         }
    
30. 
    
31.         public String getMessage() {
    
32.                 return message;
    
33.         }
    
34. 
    
35.         public void setMessage(String message) {
    
36.                 this.message = message;
    
37.         }
    
38. 
    
39. }

复制代码

文件上传服务类：

1. public class FileUtil {
   
2. 
   
3.         /**
   
4.          * 上传文件并返回文件的名字
   
5.          * @param file
   
6.          * @param filePath
   
7.          * @param fileName
   
8.          * @return
   
9.          * @throws Exception
   
10.          */
    
11.         public static String uploadFile(byte[] file,String filePath,String fileName) throws Exception{
    
12.                 String time = DateHelper.formatDate(new Date(), "yyMMddHHssmm");
    
13.         fileName = time +"_" +fileName ;
    
14.                 File targetFile = new File(filePath);
    
15.                 if(!targetFile.exists()){
    
16.                         targetFile.mkdir();
    
17.                 }
    
18.                
    
19.                 FileOutputStream out = new FileOutputStream(filePath + fileName);
    
20.                 out.write(file);
    
21.                 out.flush();
    
22.                 out.close();
    
23.                
    
24.                 return fileName;
    
25.         }
    
26. }

复制代码

3. 通过PostMan 测试

  安装如下图红色标注的，就可以实现对图片上传的测试，

gengwhs

后台接收多张图片的时候长度总是为0，一张图片没问题。