Spring Boot中PATCH上传文件的问题

栏目: Java · 发布时间: 6年前

内容简介:Spring Boot中上传multipart/form-data文件只能是Post提交,而不针对PATCH,这个问题花了作者26个小时才解决这个问题,最后不得不调试Spring源代码来解决这个问题。需求:在网页中构建一个表单,其中包含一个文本输入字段和一个用于文件上载的输入。很简单。这是表单:RestController中的方法:

Spring Boot中上传multipart/form-data文件只能是Post提交,而不针对PATCH,这个问题花了作者26个小时才解决这个问题,最后不得不调试Spring源代码来解决这个问题。

需求:在网页中构建一个表单,其中包含一个文本输入字段和一个用于文件上载的输入。很简单。这是表单:

<form id=”data” method=”PATCH” action=”/f” >
   <input type=<font>"text"</font><font> required name=</font><font>"company"</font><font> >
   <input type=</font><font>"file"</font><font> required name=</font><font>"definition"</font><font> />
</form>
</font>

RestController中的方法:

@RequestMapping(value = <font>"/f"</font><font>,method = PATCH)
<b>public</b> <b>void</b> upload(
      @RequestPart(</font><font>"definition"</font><font>) MultipartFile definition,
      @RequestPart(</font><font>"company"</font><font>) String company
) {...}
</font>

注意它是PATCH的方法(根据要求)而不是POST,部分要求是提交的ajax请求,并不是表单提交,代码如下:

<b>var</b> fileInput = ...; <font><i>//this is html element that holds the files</i></font><font>
<b>var</b> textInput = ...; </font><font><i>//thi is the string</i></font><font>
<b>var</b> fd = <b>new</b> FormData();
fd.append('definition',fileInput.files[0]);
fd.append('name', textInput );
xhr = <b>new</b> XMLHttpRequest();
xhr.open( 'PATCH', uploadForm.action, <b>true</b> );
xhr.send( fd );
</font>

但无论怎么做,我都无法让它发挥作用。总是遇到以下异常:

MissingServletRequestPartException: Required request part ‘definition’ is not present

我做的第一件事就是将这个问题分解为最简单的问题。所以我将请求类型更改为POST,并删除了textInput。将MultiPart解析器的实现进行更改,从org.springframework.web.multipart.support.StandardServletMultipartResolver 改为org.springframework.web.multipart.commons.CommonsMultipartResolver

@Configuration
<b>public</b> <b>class</b> MyConfig {

   @Bean
   <b>public</b> MultipartResolver multipartResolver() {
      <b>return</b> <b>new</b> CommonsMultipartResolver();
   }
}

这还需要将commons-fileupload库添加到类路径中。

但每当我添加一个字符串变量返回错误:the string field not the file field

这说明multi part request resolver 没有发现这部分字段。

这是由于Javascript的FormData问题,在FormData对象上调用的Append方法接受两个参数name和value(有第三个但不重要),该value字段可以是一个 USVStringBlob (包括子类等 File )。更改代码为:

<b>var</b> fileInput = ...; <font><i>//this is html element that holds the files</i></font><font>
<b>var</b> textInput = = <b>new</b> Blob(['the info'], {
   type: 'text/plain'
});
; </font><font><i>//thi is the string</i></font><font>
<b>var</b> fd = <b>new</b> FormData();
fd.append('definition',fileInput.files[0]);
fd.append('name', textInput );
xhr = <b>new</b> XMLHttpRequest();
xhr.open( 'PATCH', uploadForm.action, <b>true</b> );
xhr.send( fd );
</font>

它突然开始工作:)。

看一下浏览器发送的内容:

— — — WebKitFormBoundaryHGN3YjdgsELbgmZH
Content-Disposition: form-data; name=”definition”; filename=”test.csv” Content-Type: text/csv
<b>this</b> is the content of a file, browser hides it.
— — — WebKitFormBoundaryHGN3YjdgsELbgmZH Content-Disposition: form-data; name=”name” 
<b>this</b> is the string
— — — WebKitFormBoundaryHGN3YjdgsELbgmZH —

你能注意到内容处置标题中缺少的内容吗?文件名和内容类型。在servlet处理期间,multi-part表单变成MultipartFile。在commons-fileupload中有一行:

String subContentType = headers.getHeader(CONTENT_TYPE);
<b>if</b> (subContentType != <b>null</b> ... ){}

这是get的内容类型,如果它是null,则处理是通过不同的路由将我们的上传部分不是转为MultipartFile,而是转换为MultipartParameter(放在不同的Map中,而spring没有找到它),然后spring为每个参数创建单独的实例,形成在调用rest方法时实现绑定的表单。

RequestPartServletServerHttpRequest构造函数中可以找到抛出异常的位置:

HttpHeaders headers = <b>this</b>.multipartRequest.getMultipartHeaders(<b>this</b>.partName);
<b>if</b> (headers == <b>null</b>) {
   <b>throw</b> <b>new</b> MissingServletRequestPartException(partName);
}

重要的是getMultipartHeaders只查看multipart的文件files而不是参数parameters。

这就是为什么添加具有特定类型的blob解决了问题的原因:

<b>var</b> textInput = = <b>new</b> Blob(['the info'], {
   type: 'text/plain'
});

现在回过来,前面我提到我必须切换到使用POST才正常,但当我改为PATCH时,问题又回来了。错误是一样的。

我很困惑。所以找到了源代码(毕竟这是最终的文档)。

请记住,在本文开头切换到了CommonsMultipartResolver。事实证明,在请求处理期间,调用此方法:

<b>public</b> <b>static</b> <b>final</b> <b>boolean</b> isMultipartContent(
        HttpServletRequest request) {
    <b>if</b> (!POST_METHOD.equalsIgnoreCase(request.getMethod())) {
        <b>return</b> false;
    }
    <b>return</b> FileUploadBase.isMultipartContent(<b>new</b> ServletRequestContext(request));
}

如果它不是POST请求,则立即确定该请求没有multipart内容。

那么久通过覆盖调用上面静态方法的方法解决了这个问题。

所以现在config bean看起来像这样:

@Bean
<b>public</b> MultipartResolver multipartResolver() {
   <b>return</b> <b>new</b> CommonsMultipartResolverMine();
}


<b>public</b> <b>static</b> <b>class</b> CommonsMultipartResolverMine <b>extends</b> CommonsMultipartResolver {

   @Override
   <b>public</b> <b>boolean</b> isMultipart(HttpServletRequest request) {
      <b>final</b> String header = request.getHeader(<font>"Content-Type"</font><font>);
      <b>if</b>(header == <b>null</b>){
         <b>return</b> false;
      }
      <b>return</b> header.contains(</font><font>"multipart/form-data"</font><font>);
   }

}
</font>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Learning Web App Development

Learning Web App Development

Semmy Purewal / O'Reilly Media / 2014-3-3 / USD 29.99

Grasp the fundamentals of web application development by building a simple database-backed app from scratch, using HTML, JavaScript, and other open source tools. Through hands-on tutorials, this pract......一起来看看 《Learning Web App Development》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具