SpringBoot简易上传文件

最新推荐文章于 2024-05-09 14:18:14 发布

liudehua_187

最新推荐文章于 2024-05-09 14:18:14 发布

阅读量117

点赞数

分类专栏： javaweb 后台 vue 文章标签：上传文件 SpringBoot vue

本文链接：https://blog.csdn.net/qq_43172476/article/details/102579590

版权

vue 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

javaweb

4 篇文章 0 订阅

订阅专栏

后台

4 篇文章 0 订阅

订阅专栏

SpringBoot上传文件

在application.yml配置文件中配置上传大小

spring:
  servlet:
        multipart:
           enabled: true
           max-file-size: -1                            
           max-request-size: -1

1."-1"表示上传文件不限制大小

Controller

@RequestMapping("/upload")
public Map<String,Object> upload(@RequestParam("file") MultipartFile file) throws FileNotFoundException, IOException 
{
//将信息保存在map中
         Map<String,Object> map = new HashMap<String,Object>();
              if(file.isEmpty()){
                    map.put("Msg","上传失败");
                    return map;
                  }
                 //文件名
               String filename = file.getOriginalFilename();
                 //上传到哪里的地址
               String filePath = "E:\\shangchuan\\";
                 //文件
               File dest = new File(filePath + filename);
         try {
	            file.transferTo(dest);
	            map.put("Msg","上传成功")
	            return map;
	        } catch (IOException e) {
	            e.printStackTrace();
	            map.put("Msg",e)
	            return map;
	        }

}

vue前端代码

      <el-form-item label="上传资源" >
          <el-upload
             :data="data"
             :action="uploadPath"
             ref="upload"
             accept=".jpg,.jpeg,.png,.gif,.mp4,.mp3,.pdf"
             :on-success="handleAvatarSuccess"
             :before-upload="onBeforeUpload">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
        </el-form-item>

:action=""  //是你的后台请求路径
:on-success="handleAvatarSuccess"  //上传成功后调用的方法
:before-upload="onBeforeUpload" //上传之前调用的方法
:data="" //如果你要传其他参数就要使用它
//我这里传的是number
data:{
number:3
}