前端使用的upload:

<el-uploadaction="":http-request="uploadPost":show-file-list="false":on-change="onChange"list-type="picture"><img :src="dialogImageUrl" >
</el-upload>
onChange(file,fileList){this.dialogImageUrl = file.url;this.file = file;console.log(file);},uploadPost(){let formData = new FormData();formData.append('file',this.file.raw);// 文件上传必须设置http请求头信息request.post("/api/main/uploadPicture",formData,{headers:{'Content-Type':'multipart/form-data;charset=utf-8'}}).then(res => {if(res.code == '0'){this.$message.success("上传成功!");}else{this.$message.error(res.code+' 上传失败!'+res.msg);}},error => {console.log('253: 错误! '+error);})},

这里最重要的是formData.append('file',this.file.raw);取得是this.file.raw

然后记得设置http请求头{
                    headers:{'Content-Type':'multipart/form-data;charset=utf-8'}
                }

后端:

@PostMapping("/uploadPicture")public Result<?> uploadPicture(@RequestBody MultipartFile file){try{if(!file.isEmpty()){System.out.println("上传头像");String imgPath = "C:/Users/Administrator/Desktop/img";File f = new File(imgPath+new Date().getTime()+file.getOriginalFilename());byte[] arr = file.getBytes();file.transferTo(f);return Result.success();}else{return Result.error("139","图片为空");}}catch (Exception e){e.printStackTrace();return Result.error("139",e.getMessage());}}

这里使用@RequestBody MultipartFile file,也可以使用@RequestParam("file") MultipartFile file,只要对应前端的参数名就行,formData.append('file',this.file.raw)

MissingServletRequestPartException:Required request part ‘file‘ is not present上传文件报错相关推荐

  1. MissingServletRequestPartException: Required request part ‘file‘ is not present]

    报错: 2020-10-20 19:09:32.298 WARN 5696 --- [nio-8080-exec-6] .w.s.m.s.DefaultHandlerExceptionResolver ...

  2. ajax上传文件报错The current request is not a multipart request的解决办法

    ajax上传文件报错The current request is not a multipart request的解决办法 主要报错语句为: The current request is not a ...

  3. laravel上传文件报错:413 Request Entity Too Large

    上传图片的时候,是用laravel自带的上传图片的方法,一下气上传了20张,结果就无情报错: 413 Request Entity Too Large,后面查一下,这个报错信息是nginx报的错误,不 ...

  4. 上传文件报错——Required request part ‘*****‘ is not present“

    关于对上传文件时报Required request part 'uploadImage' is not present"错误的记录 在编写文件上传的接口时会用到@RequestParam(& ...

  5. HDFS上传文件报错org.apache.hadoop.fs.ChecksumException: Checksum error: file:/hyk/data/hyk.txt

    当从本地上传文件到HDFS中时报错 fs.FSInputChecker: Found checksum error: b[0, 69]=6d6f7765696861686168616861686861 ...

  6. wordpress上传文件报错的解决方法(413 Request Entity Too Large、超过upload_max_filesize文件中定义的php.ini值)

    报错:413 Request Entity Too Large 问题nginx是限制上传大小,解决方法如下: 打开nginx配置文件 nginx.conf, 路径一般是:/etc/nginx/ngin ...

  7. FTP上传文件报错200 PORT command successful. Consider using PASV. 553 Could not create file.

    一.背景 最近搭好的在云主机上搭好了nginx,打算通过ftp上传一个静态的网页上去test一波,然后进去了ftp,在上面put了一下,结果没有看到想象中上传成功的样子,看到的是200 PORT co ...

  8. Minio Prefix过多导致上传文件报错:code = SlowDown, message = Please reduce your request

    报错信息 error occurred ErrorResponse(code = SlowDown, message = Please reduce your request, bucketName ...

  9. ajax提交file空指针,excel导入上传文件报空指针错误

    页面入口 全选 导入 导出 ${msg['globals.button.delete.more']} 导出js function excelImport() { top.layer.open({ ty ...

最新文章

  1. doc如何装oracle,在Windows7下安装Oracle.doc
  2. 逆向知识十三讲,汇编中数组的表现形式,以及还原数组
  3. win8安装msi出现提示2503 2502的错误代码
  4. 亚马逊云科技张文翊:引领企业可持续发展的绿色云端之旅
  5. python跳一跳编程构造_Python + 新手 制作“跳一跳”辅助程序
  6. Java™ 教程(原子变量)
  7. Webservice 安全性访问
  8. python脚本 sonar报告
  9. 毕业论文Word排版专题
  10. 【LTspice】010 串联谐振电路
  11. Windows设置调节音量的快捷键
  12. QQ心跳包格式分析 监听局域网QQ号代码
  13. 网站地图Sitemap怎么制作
  14. 面试系列——爱奇艺Andromeda 跨进程通信组件分析
  15. WrapPanel控件增加滚动条
  16. java版VR全景漫游制作平台 - 1介绍
  17. Ubuntu 下软件列表
  18. Python为我定时发短信
  19. Linux挂载iso镜像
  20. 杰理之芯片使用注意事项【篇】

热门文章

  1. 深大操作系统实验四:磁盘 Inode 读取,盘块读取,软硬链接,磁盘挂载
  2. QQ图判断一个分布是否为正态分布
  3. 我所学习的第二个建站程序是discuz论坛程序,那时候学校有论坛建站比赛
  4. PyGame贪吃蛇的实现
  5. SCP-juruo-002的档案
  6. Python批量创建BSC钱包地址
  7. 使用360加固app,打多渠道包
  8. 多变量条件概率公式的推导(多变量贝叶斯公式)
  9. 学习笔记 | 条件概率、联合概率、全概率公式、贝叶斯公式
  10. html圆点光晕特效,CSS3点扩散、光晕、闪点效果