the request was rejected because no multipart boundary was found

已于 2024-08-06 10:49:07 修改
阅读量858 收藏 6
点赞数 5
分类专栏： PDF发票解析 文章标签： spring boot java
于 2024-08-01 11:59:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43866613/article/details/140843870
版权

文章目录

1. 需求描述

想要在前端上传一个PDF 发票，经过后端解析PDF之后，将想要的值自动回填到对应的输入框中

2. 报错信息

org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no multipart boundary was found
	at org.apache.tomcat.util.http.fileupload.impl.FileItemIteratorImpl.init(FileItemIteratorImpl.java:189) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.http.fileupload.impl.FileItemIteratorImpl.getMultiPartStream(FileItemIteratorImpl.java:205) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.http.fileupload.impl.FileItemIteratorImpl.findNextItem(FileItemIteratorImpl.java:224) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.http.fileupload.impl.FileItemIteratorImpl.<init>(FileItemIteratorImpl.java:142) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.http.fileupload.FileUploadBase.getItemIterator(FileUploadBase.java:252) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.http.fileupload.FileUploadBase.parseRequest(FileUploadBase.java:276) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.connector.Request.parseParts(Request.java:2932) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.connector.Request.getParts(Request.java:2834) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.connector.RequestFacade.getParts(RequestFacade.java:1098) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.springframework.web.multipart.support.StandardMultipartHttpServletRequest.parseRequest(StandardMultipartHttpServletRequest.java:95) ~[spring-web-5.3.23.jar:5.3.23]
	at org.springframework.web.multipart.support.StandardMultipartHttpServletRequest.<init>(StandardMultipartHttpServletRequest.java:88) ~[spring-web-5.3.23.jar:5.3.23]
	at org.springframework.web.multipart.support.StandardServletMultipartResolver.resolveMultipart(StandardServletMultipartResolver.java:122) ~[spring-web-5.3.23.jar:5.3.23]
	at org.springframework.web.servlet.DispatcherServlet.checkMultipart(DispatcherServlet.java:1209) ~[spring-webmvc-5.3.23.jar:5.3.23]
	at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:1043) ~[spring-webmvc-5.3.23.jar:5.3.23]
	at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:964) ~[spring-webmvc-5.3.23.jar:5.3.23]
	at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:1006) ~[spring-webmvc-5.3.23.jar:5.3.23]
	at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:909) ~[spring-webmvc-5.3.23.jar:5.3.23]
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:696) ~[tomcat-embed-core-9.0.68.jar:4.0.FR]
	at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:883) ~[spring-webmvc-5.3.23.jar:5.3.23]
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:779) ~[tomcat-embed-core-9.0.68.jar:4.0.FR]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:227) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53) ~[tomcat-embed-websocket-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.springframework.web.filter.RequestContextFilter.doFilterInternal(RequestContextFilter.java:100) ~[spring-web-5.3.23.jar:5.3.23]
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:117) ~[spring-web-5.3.23.jar:5.3.23]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.springframework.web.filter.FormContentFilter.doFilterInternal(FormContentFilter.java:93) ~[spring-web-5.3.23.jar:5.3.23]
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:117) ~[spring-web-5.3.23.jar:5.3.23]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:201) ~[spring-web-5.3.23.jar:5.3.23]
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:117) ~[spring-web-5.3.23.jar:5.3.23]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:197) ~[tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:541) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:135) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:92) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:360) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:399) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:893) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1789) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.threads.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1191) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.threads.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:659) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) [tomcat-embed-core-9.0.68.jar:9.0.68]
	at java.lang.Thread.run(Thread.java:750) [na:1.8.0_321]

3. 探索过程

1. 使用postman 排除后端错误

使用postman做接口测试，上传文件确实能够返回正确的值，可以确定是前端代码的问题
在这里插入图片描述
我的前端代码

<template>
  <div>
    <input type="file" @change="onFileChange" accept="application/pdf" />
    <button @click="uploadAndFillData" enctype="multipart/form-data">上传并回填数据</button>
    <!-- <vxe-button size="mini" status="primary" style="height:25px; margin: 0 0 2px 15px;" @click="uploadAndFillData">导入</vxe-button> -->
    <!-- 表单或区域来显示回填的数据 -->
    <div v-if="formData">
      <!-- 使用formData来显示或更新UI -->
      <!-- <p>数据: {{ formData.someKey }}</p>  -->
      <!-- 如果数据是只读的，可以这样显示 -->
      <div>
        <p><strong>发票号码:</strong> {{ formData.number }}</p>
        <p><strong>开票日期:</strong> {{ formData.date }}</p>
        <p><strong>总金额:</strong> {{ formData.amount }}</p>
        <p><strong>备注:</strong> {{ formData.remarks }}</p>
      </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios';  
export default {
  data() {
    return {
      selectedFile: null,
      formData: null, // 用于存储从后端返回的数据
    };
  },
  methods: {
    onFileChange(e) {
      this.selectedFile = e.target.files[0];
    },

    uploadAndFillData() {
      // 检查文件是否已经选择
      if (!this.selectedFile) {
        alert("请先选择一个文件！");
        return;
      }

      const formData = new FormData(); // 创建一个FormData 对象，用于构建将要发送的数据
      formData.append("file", this.selectedFile); // 将文件添加到FormData中，字段名为file

      this.$http({
            url: `/api/invoice/upload`,
            method: 'post',
            data: formData,
            headers: {
              'Content-Type': 'multipart/form-data'
              // 'Content-Type': 'application/json'
            },
            // enctype:"multipart/form-data",
          })
      .then((response) => {
          this.formData = response.data; // 将解析后的数据保存到formData中
        }).catch((error) => {
          console.error("Error uploading file:", error);
          alert("上传文件时发生错误！");
        });
    },
  },
};
</script>

2. 搜索网上的解决方法

网上的方法很多，但是都没有能够解决我的问题

  1. 注释掉header中的content-type，直接404
  2. 使用axios也是 404
  3. 在application.yml 中添加文件大小的限制配置【500，还是报原错误】

3. 解决方法

求助于GPT检查前端页面的代码，GPT给出的说法如下，我确实是没有通过Vue插件方式配置axios，所以肯定不能使用this.$http ， 顾改用axios的方式向后端发请求，但是之前说了会报错404，猜测可能是因为反向代理配置问题，导致前端并没有通过这个地址请求到后端，所以采用粗暴的方法，直接将后端地址写在axios的url中，并在controller上配置注解@CrossOrigin
在这里插入图片描述
修改后的前端代码

<template>
  <div>
    <input type="file" @change="onFileChange" accept="application/pdf" />
    <button @click="uploadAndFillData" enctype="multipart/form-data">上传并回填数据</button>
    <!-- <vxe-button size="mini" status="primary" style="height:25px; margin: 0 0 2px 15px;" @click="uploadAndFillData">导入</vxe-button> -->
    <!-- 表单或区域来显示回填的数据 -->
    <div v-if="formData">
      <!-- 使用formData来显示或更新UI -->
      <!-- <p>数据: {{ formData.someKey }}</p>  -->
      <!-- 如果数据是只读的，可以这样显示 -->
      <div>
        
        <p><strong>发票号码:</strong> {{ formData.number }}</p>
        <p><strong>开票日期:</strong> {{ formData.date }}</p>
        <p><strong>总金额:</strong> {{ formData.totalAmount }}</p>
        <p><strong>备注:</strong> {{ formData.note }}</p>
      </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios';  
export default {
  data() {
    return {
      selectedFile: null,
      formData: null, // 用于存储从后端返回的数据
    };
  },
  methods: {
    onFileChange(e) {
      this.selectedFile = e.target.files[0];
    },

    uploadAndFillData() {
      // 检查文件是否已经选择
      if (!this.selectedFile) {
        alert("请先选择一个文件！");
        return;
      }

      const formData = new FormData(); // 创建一个FormData 对象，用于构建将要发送的数据
      formData.append("file", this.selectedFile); // 将文件添加到FormData中，字段名为file

      // this.$http({
      //       url: `/api/invoice/upload`,
      //       method: 'post',
      //       data: formData,
      //       headers: {
      //         'Content-Type': 'multipart/form-data'
      //         // 'Content-Type': 'application/json'
      //       },
      //       // enctype:"multipart/form-data",
      //     })

      axios.post('http://localhost:8080/invoice/upload', formData, {  
        headers: {  
          'Content-Type': 'multipart/form-data'  
        }  
      })  
      .then((response) => {
          this.formData = response.data; // 将解析后的数据保存到formData中
        }).catch((error) => {
          console.error("Error uploading file:", error);
          alert("上传文件时发生错误！");
        });
    },
  },
};
</script>

controller层中注解的配置

@CrossOrigin(origins = "http://localhost:8081", allowedHeaders = "*", allowCredentials = "true")
    @PostMapping("/upload")
    public ResponseEntity<Object> uploadFile(@RequestParam("file") MultipartFile file) {
        try {
            // 调用你的文件解析服务
            InvoiceSubset parsedData = invoiceService.parsePdfFile(file);

            // 返回解析后的数据
            return ResponseEntity.ok(parsedData);
        } catch (Exception e) {
            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("Error parsing file");
        }
    }

如此该问题得到解决

易2199
关注
  • 5
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决Spring Cloud Feign 上传文件，提示：the request was rejected because no multipart boundary was found的问题
奋斗者潘的博客
04-10 5204
我在网上查了很多关于 Spring Cloud 文件上传的相关资料也花费了不少时间，根据他们提供的方案修改也没有得到解决，终于在朋友的帮忙下，终于解决了我的问题，也与大家分享了下，如下： 一、项目结构 首先介绍一下项目结构，我们开发的项目结构比较简单 xxx-api工程：这个工程主要是对外提供接口. xxx-core工程：这个工程承载核心业务处理. 二、上代码 对于开发者来...
FileUploadException: the request was rejected because no multipart boundary was found
whiteGu的博客
04-04 3万+
后台错误报错信息： org.apache.commons.fileupload.FileUploadException: the request was rejected because no multipart boundary was found at org.apache.commons.fileupload.FileUploadBase$FileItemIteratorImpl.<...
ajax上传文件到java:the request was rejected because no multipart boundary was found的问题
nameoffuck的博客
05-17 3080
参考了 解决了此问题 解决方法：ajax中contentType属性改为false； contentType:发送信息至服务器时内容编码类型(告诉服务器从浏览器提交过来的数据格式) 默认值为contentType = “application/x-www-form-urlencoded” 原因大概可能是上传过程封装了一个 formData 对象 然后boundary会加一段字符以至于识别不出来 所以the request was rejected because no multipart boundary
解决 the request was rejected because no multipart boundary was found
qq_41035400的博客
07-03 3万+
使用from-data上传文件时候使用httpclient上传，不要加header,不要加header,不要加header,吧httpPost.setHeader(“Content-Type”, “multipart/form-data”)注释掉就可以了
vue中使用axios简单封装用法，axios报错the request was rejected because no multipart boundar
阿牛哥的博客
03-08 1555
vue中使用axios简单封装用法，multipart/form-data的设置影响因素
【已解决】Spring Cloud Feign 上传文件，提示：the request was rejected because no multipart boundary was found的问题
艾利克斯冰的博客
04-14 3678
我在网上查了很多关于 Spring Cloud 文件上传的相关资料也花费了不少时间，根据他们提供的方案修改也没有得到解决，终于在朋友的帮忙下，终于解决了我的问题，也与大家分享了下，如下： 一、项目结构 首先介绍一下项目结构，我们开发的项目结构比较简单 xxx-api工程：这个工程主要是对外提供接口. service-xxx工程：这个工程承载核心业务处理服务 二、上代码 对于开发者来说，看代码比较实在，如下： xxx-api工程下的文件上传相关代码： 1、xxx-api项目的 Controll
no multipart boundary was found
tobing的博客
04-18 2万+
no multipart boundary was found 1. 问题描述 使用Postman上传图片时，服务器报错：the request was rejected because no multipart boundary was found。 2. 问题解决 stack overflow提供的解决方案 The problem isn’t in your code - it’s in...
robotframework调用上传文件接口报错“the request was rejected because no multipart boundary was found”
热门推荐
sun_977759的博客
03-28 14万+
设置的headers信息 发起请求后服务器端报错 寻找到原因是因为content-type里面没有添加boundary信息，重新修改headers参数 重新请求接口，不报上面的错误了，但是又报出了另外的错误 出现了空指针异常的错误，咨询了开发应该是没有获取到文件信息，不太清楚具体错误的原因 在网上看到篇博客里面说不要在headers里面加自己的content-t...
the request was rejected because no multipart boundary was found，swagger如何写
最新发布
03-30
"the request was rejected because no multipart boundary was found" 这个错误通常是由于在发送多部分请求时，没有正确设置multipart边界导致的。在Swagger中编写多部分请求可以按照以下步骤进行： 1. 首先，在...
feign接口上传文件时报错FileUploadException: the request was rejected because no multipart boundary was found
qq_60361946的博客
06-13 2601
使用Feign远程调用上传文件服务时报错FileUploadException: the request was rejected because no multipart boundary was found。
fileupload.FileUploadException: the request was rejected because no multipart boundary was found
weixin_40947906的博客
03-30 2234
前端headers设置 contentType:false或者注掉contentType，这样上传图片request请求会自动添加这个请求参数的格式和boundary标识，就不会报错了。前端在上传照片时，headers写死了 content-type="multipart/form-data"，导致浏览器无法在请求头加上boundary标识，产生冲突。
记录FileUploadException: the request was rejected because no multipart boundary was found
小太阳DENGJIE的博客
05-20 1326
Caused by: java.io.IOException: org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no multipart boundary was found at org.apache.catalina.connector.Request.parseParts(Request.java:2915) at org.apache.catalina.con
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值