springboot+vue+elementUi 实现多文件文件上传,并且通过配置nginx 回显图片

springboot+vue+elementUi 实现多文件上传,并且通过配置nginx 回显图片
1. 首先在springboot项目的yml中配置,图片的地址跟图片的访问路径

#文件上传路径
uploadFilePath: D:\\resource
#nginx代理路径
uploadFileMapping: http://localhost:8888/resource

2.编写后端接收图片方法

    @Value("${uploadFilePath}")   //图片地址
    String uploadFilePath;

    @Value("${uploadFileMapping}")
    String uploadFileMapping;    //图片访问路径

 @RequestMapping("/elupload") //多文件上传
    public PageData uploadFile(@RequestParam("filename") MultipartFile file) {
   
        System.out.println("上传图片");
        //操作MultipartFile uploadImage, String moduleName
        //返回结果
        PageData result = new PageData();
        //参数  uploadFilePath 上传文件路径//uploadFileMapping 映射路径

        try {
   
            String dest=  UploadFile.uploadFile(file,uploadFilePath,uploadFileMapping);
            System.out.println(dest);
            PageData pd=new PageData();
            String id= IdUtil.getUUID();//图片id
            pd.put("id",id);//没啥用
            result.put("code", "00");
            result.put("dest", dest);
            result.put("filePathId", id);
            result.put("msg", "上传成功");