记录遇到的一个IE的神奇报错:
环境: IE11
HTML代码:
<form class="layui-form layui-form-pane" id="cryptFileUploadForm">
<div style="height: 40px;margin-top: 10px;">
<div id="cryptFileUploader">
<button id="cryptFileChooseBtn" type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-border-green layui-btn-fluid"><i class="layui-icon"></i>选择文件</button>
</div>
<div id="cryptFileNameDiv" style="display: none;">
<p id="cryptFileNameP"><label><span class="fontcolor_red">*</span>文件名称:</label><span id="cryptFileNameSpan"></span ><span style="font-weight:bold;margin-left: 10px;"><i class="layui-icon layui-icon-close fontcolor_red" onclick="clearCryptFile()"></i></span></p>
</div>
<input id="cryptFileHideUploadBtn" name="cryptFile" type="file" class="file" onchange="showCryptFileName(this.files[0].name)" style="display: none;"/>
</div>
<div style="margin-top: 10px;">
<label><span class="fontcolor_red">*</span>文件处理模式:</label>
<div>
<input type="radio" name="cryptFileMode" value="encryptFile" title="加密" checked>
<input type="radio" name="cryptFileMode" value="decryptFile" title="解密" style="margin-left: 5px;">
</div>
</div>
</form>
<button id="cryptFile-sendBtn" type="button" class="layui-btn layui-btn-fluid" style="margin-top: 10px;">上传</button>
JS代码:
$("#cryptFile-sendBtn").click(function () {
if ($("#cryptFileHideUploadBtn").val() == ""){
layer.msg("请上传文件!",{icon:7,time:1000});
return;
}
var formData = new FormData($("#cryptFileUploadForm")[0]);
$.ajax({
type: 'POST',
url: "/cryptFileToServer",
data: formData,
cache: false,
processData: false,
contentType: false,
success: function (res) {
if (res.success){
layer.msg("上传成功!",{icon:6,time:1000});
}else {
layer.msg("上传失败!",{icon:5,time:1000});
}
},
error: function (err) {
layer.msg("上传失败!",{icon:5,time:1000});
}
});
});
后端代码:
@RequestMapping(value = "/cryptFileToServer", method = RequestMethod.POST)
@ResponseBody
public R cryptFileToServer(CryptFileVo cryptFileVo) throws IOException {
//具体业务代码
}
public class CryptFileVo {
private MultipartFile[] cryptFiles;
private String cryptFileMode;
public MultipartFile[] getCryptFiles() {
return cryptFiles;
}
public void setCryptFile(MultipartFile[] cryptFile) {
this.cryptFiles = cryptFile;
}
public String getCryptFileMode() {
return cryptFileMode;
}
public void setCryptFileMode(String cryptFileMode) {
this.cryptFileMode = cryptFileMode;
}
}
现象: 在Chrome等浏览器测试正常,在IE浏览器上当文件处理模式勾选加密时上传失败,勾选解密时却上传成功。
错误信息:org.apache.commons.fileupload.MultipartStream$MalformedStreamException: Stream ended unexpectedly
2022-06-23 10:27:53.631 ERROR 15240 --- [nio-9111-exec-2] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.springframework.web.multipart.MultipartException: Failed to parse multipart servlet request; nested exception is org.apache.commons.fileupload.FileUploadException: Stream ended unexpectedly] with root cause
org.apache.commons.fileupload.MultipartStream$MalformedStreamException: Stream ended unexpectedly
at org.apache.commons.fileupload.MultipartStream.readHeaders(MultipartStream.java:540) ~[commons-fileupload-1.3.1.jar:1.3.1]
at org.apache.commons.fileupload.FileUploadBase$FileItemIteratorImpl.findNextItem(FileUploadBase.java:1038) ~[commons-fileupload-1.3.1.jar:1.3.1]
at org.apache.commons.fileupload.FileUploadBase$FileItemIteratorImpl.hasNext(FileUploadBase.java:1106) ~[commons-fileupload-1.3.1.jar:1.3.1]
at org.apache.commons.fileupload.FileUploadBase.parseRequest(FileUploadBase.java:339) ~[commons-fileupload-1.3.1.jar:1.3.1]
at org.apache.commons.fileupload.servlet.ServletFileUpload.parseRequest(ServletFileUpload.java:115) ~[commons-fileupload-1.3.1.jar:1.3.1]
at org.springframework.web.multipart.commons.CommonsMultipartResolver.parseRequest(CommonsMultipartResolver.java:159) ~[spring-web-5.3.3.jar:5.3.3]
at org.springframework.web.multipart.commons.CommonsMultipartResolver.resolveMultipart(CommonsMultipartResolver.java:143) ~[spring-web-5.3.3.jar:5.3.3]
at org.springframework.web.servlet.DispatcherServlet.checkMultipart(DispatcherServlet.java:1198) ~[spring-webmvc-5.3.3.jar:5.3.3]
at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:1032) ~[spring-webmvc-5.3.3.jar:5.3.3]
at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:962) ~[spring-webmvc-5.3.3.jar:5.3.3]
at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:1006) ~[spring-webmvc-5.3.3.jar:5.3.3]
at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:909) ~[spring-webmvc-5.3.3.jar:5.3.3]
at javax.servlet.http.HttpServlet.service(HttpServlet.java:652) ~[tomcat-embed-core-9.0.41.jar:4.0.FR]
at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:883) ~[spring-webmvc-5.3.3.jar:5.3.3]
at javax.servlet.http.HttpServlet.service(HttpServlet.java:733) ~[tomcat-embed-core-9.0.41.jar:4.0.FR]
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:231) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53) ~[tomcat-embed-websocket-9.0.41.jar:9.0.41]
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.springframework.web.filter.RequestContextFilter.doFilterInternal(RequestContextFilter.java:100) ~[spring-web-5.3.3.jar:5.3.3]
at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:119) ~[spring-web-5.3.3.jar:5.3.3]
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.springframework.web.filter.FormContentFilter.doFilterInternal(FormContentFilter.java:93) ~[spring-web-5.3.3.jar:5.3.3]
at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:119) ~[spring-web-5.3.3.jar:5.3.3]
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:201) ~[spring-web-5.3.3.jar:5.3.3]
at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:119) ~[spring-web-5.3.3.jar:5.3.3]
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:202) ~[tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:542) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:143) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:92) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:343) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:374) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:888) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1597) [tomcat-embed-core-9.0.41.jar:9.0.41]
at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) [tomcat-embed-core-9.0.41.jar:9.0.41]
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1149) [na:1.8.0_281]
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:624) [na:1.8.0_281]
at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) [tomcat-embed-core-9.0.41.jar:9.0.41]
at java.lang.Thread.run(Thread.java:748) [na:1.8.0_281]
问题原因: IE浏览器的缺陷,如果form的最后一个元素是checkBox、Radio之类的没有勾选上的话,使用FormData进行转换就会发生这个错误。
解决办法: 在form的最后添加一个隐藏的属性用来做最后的元素就可以了。
<form class="layui-form layui-form-pane" id="cryptFileUploadForm">
<div style="height: 40px;margin-top: 10px;">
<div id="cryptFileUploader">
<button id="cryptFileChooseBtn" type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-border-green layui-btn-fluid"><i class="layui-icon"></i>选择文件</button>
</div>
<div id="cryptFileNameDiv" style="display: none;">
<p id="cryptFileNameP"><label><span class="fontcolor_red">*</span>文件名称:</label><span id="cryptFileNameSpan"></span ><span style="font-weight:bold;margin-left: 10px;"><i class="layui-icon layui-icon-close fontcolor_red" onclick="clearCryptFile()"></i></span></p>
</div>
<input id="cryptFileHideUploadBtn" name="cryptFile" type="file" class="file" onchange="showCryptFileName(this.files[0].name)" style="display: none;"/>
</div>
<div style="margin-top: 10px;">
<label><span class="fontcolor_red">*</span>文件处理模式:</label>
<div>
<input type="radio" name="cryptFileMode" value="encryptFile" title="加密" checked>
<input type="radio" name="cryptFileMode" value="decryptFile" title="解密" style="margin-left: 5px;">
</div>
<input type="hidden" name="test">
</div>
</form>
<button id="cryptFile-sendBtn" type="button" class="layui-btn layui-btn-fluid" style="margin-top: 10px;">上传</button>