工作總結之----IE使用ajax上傳檔案報錯，其他瀏覽器正常問題解決過程

阿新 • • 發佈：2019-01-19

錯誤資訊：

嚴重: Servlet.service() for servlet [springMVC] in context with path [] threw exception [Request processing failed; nested exception is org.springframework.web.multipart.MultipartException: Could not 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)
at org.apache.commons.fileupload.FileUploadBase$FileItemIteratorImpl.findNextItem(FileUploadBase.java:1038)
at org.apache.commons.fileupload.FileUploadBase$FileItemIteratorImpl.hasNext(FileUploadBase.java:1106)
at org.apache.commons.fileupload.FileUploadBase.parseRequest(FileUploadBase.java:339)
at org.apache.commons.fileupload.servlet.ServletFileUpload.parseRequest(ServletFileUpload.java:115)
at org.springframework.web.multipart.commons.CommonsMultipartResolver.parseRequest(CommonsMultipartResolver.java:158)
at org.springframework.web.multipart.commons.CommonsMultipartResolver.resolveMultipart(CommonsMultipartResolver.java:142)
at org.springframework.web.servlet.DispatcherServlet.checkMultipart(DispatcherServlet.java:1089)
at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:928)
at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:893)
at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:967)
at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:869)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:650)
at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:843)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:731)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:303)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at org.apache.shiro.web.servlet.ProxiedFilterChain.doFilter(ProxiedFilterChain.java:61)
at org.apache.shiro.web.servlet.AdviceFilter.executeChain(AdviceFilter.java:108)
at org.apache.shiro.web.servlet.AdviceFilter.doFilterInternal(AdviceFilter.java:137)
at org.apache.shiro.web.servlet.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:125)
at org.apache.shiro.web.servlet.ProxiedFilterChain.doFilter(ProxiedFilterChain.java:66)
at org.apache.shiro.web.servlet.AbstractShiroFilter.executeChain(AbstractShiroFilter.java:449)
at org.apache.shiro.web.servlet.AbstractShiroFilter$1.call(AbstractShiroFilter.java:365)
at org.apache.shiro.subject.support.SubjectCallable.doCall(SubjectCallable.java:90)
at org.apache.shiro.subject.support.SubjectCallable.call(SubjectCallable.java:83)
at org.apache.shiro.subject.support.DelegatingSubject.execute(DelegatingSubject.java:383)
at org.apache.shiro.web.servlet.AbstractShiroFilter.doFilterInternal(AbstractShiroFilter.java:362)
at org.apache.shiro.web.servlet.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:125)
at org.springframework.web.filter.DelegatingFilterProxy.invokeDelegate(DelegatingFilterProxy.java:344)
at org.springframework.web.filter.DelegatingFilterProxy.doFilter(DelegatingFilterProxy.java:261)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:85)
at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208)
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:220)
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:122)
at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:505)
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:170)
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103)
at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:957)
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:116)
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:423)
at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1079)
at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:620)
at org.apache.tomcat.util.net.AprEndpoint$SocketProcessor.doRun(AprEndpoint.java:2516)
at org.apache.tomcat.util.net.AprEndpoint$SocketProcessor.run(AprEndpoint.java:2505)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1142)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:617)
at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
at java.lang.Thread.run(Thread.java:748)

jsp頁面部分程式碼（已完成修改）：

<form id="form1" method="post" enctype="multipart/form-data">
    <div class="formWrap" align="center">
        <table class="center" cellpadding="0" cellspacing="0">
            <tr>
                <td class="project_td">
                    <div 
><i></i>姓名</div>
                </td>
                <td class="content_td">
                    <input name="userName" class="mini-textbox"  required="true" value="${user.userName}"/>
                </td>
                <td colspan="2" rowspan="3">
                   < 
div style="border: 1px solid #f2f2f2;width:100px;height: 100px;margin-right: 100px;float:right;margin-right: 70px;" id="imgyulan">
                       <c:if test="${user.headImgPath == null || user.headImgPath == ''}">
                       <img src="/app/img/150.png" alt="頭像" id="defaultHead" name="defaultHead" style="width:100%;height:100%;" >
                       </c:if>
                       <c:if test="${not empty user.headImgPath}">
                           <img src="/users/getImg?headImgPath=${user.headImgPath}" alt="頭像" id="defaultHead" name="defaultHead" style="width:100%;height:100%;"/>
                       </c:if>
                   </div>
                    <input type="file"  style="display: none;" id="head" name="file1">
                    <input type="hidden" id="fileChanged" name="fileChanged"/>
                </td>
            </tr>
            <tr>
                <td class="project_td">
                    <div><i></i>部門</div>
                </td>
                <td class="content_td">
                    <input id="organiseName" name="organiseName" class="mini-buttonedit" allowInput="false" required="true" onbuttonclick="onButtonEdit" value="${user.organiseName}" text="${user.organiseName}">
                    <input class="mini-hidden" id="organiseId" name="organiseId"  required="true"
vtype="maxLength:36;specialCharacter" value="${user.organiseId}"/>
                </td>

            </tr>
            <tr>
                <td class="project_td">
                    <div>辦公室電話</div>
                </td>
                <td class="content_td">
                    <input name="officePhoneNum" id="officePhoneNum" class="mini-textbox"   value="${user.officePhoneNum}"/>
                </td>

            </tr>
            <tr>
                <td class="project_td">
                    <div><i></i>郵箱</div>
                </td>
                <td class="content_td">
                    <input name="email" class="mini-textbox" vtype="email" value="${user.email}"/>
                </td>
                <td class="project_td">
                    <div><i></i>聯絡電話</div>
                </td>
                <td class="content_td">
                    <input name="phoneNum" class="mini-textbox" required="true" vtype="int"  onvalidation="onTelephoneValidation" value="${user.phoneNum}"/>
                </td>
            </tr>
        </table>
        <div  class="buttonDiv">
            <a class="mini-btn ok" onclick="onOk()">確&nbsp;定</a>
            <a class="mini-btn cancle" onclick="onCancel()" >取&nbsp;消</a>
        </div>
    </div>
    <input class="mini-hidden" name="userId" value="${user.userId}" id="userId">
</form>

ajax程式碼：

$.ajax({
    url: "/users/updateUser",
    type: 'post',
    data: o,
    processData: false,
    contentType: false,
    success: function (data) {
        checkSubmitFlg = true;
        if (data.code == -1) {
            mini.alert("修改失敗", "提示", onCancel);
        } else {

            mini.alert("修改成功", "提示", onCancel);
        }
    },
    error: function (data) {
        mini.alert("修改失敗", "提示", onCancel);
    }
});

java後臺服務程式碼:

 @RequestMapping(value = "/updateUser", method = RequestMethod.POST)
    @ResponseBody
public HashMap updateUser(HttpServletRequest request, HttpServletResponse response, Users users) {
        MultipartHttpServletRequest multipartHttpServletRequest = (MultipartHttpServletRequest)request;
        String fileChanged = request.getParameter("fileChanged");
        String id = users.getUserId();
        Users oldusers = usersService.selectUsersByPrimaryKey(id);
        if ("1".equals(fileChanged)){//修改縮圖
MultipartFile multipartFile1 = multipartHttpServletRequest.getFile("file");
            HeadingImg image = new HeadingImg();
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd");
            String dateStr = sdf.format(new Date());
            Long si = multipartFile1.getSize();
            BigDecimal b = new BigDecimal(si);
            Properties properties = ConfigUtil.PROPERTIES;
            String path = properties.getProperty("imageResourcrsPath");
            path = path + "/head/" + dateStr;
            // 獲取上傳的圖片檔案
String fileName = multipartFile1.getOriginalFilename();
            File file = new File(fileName);
            if(file != null && !"".equals(file)) {
                File f = new File(path);
                if (!f.exists()) {
                    f.mkdirs();
                }
                // 防止出現重名檔案--uuid重新命名
File newFile = FileUtil.renameFile(file);
                // 伺服器存的真實名字
String newFileName = newFile.getName();

                // 伺服器路徑（路徑+真實名字）
StringBuffer newPaths = new StringBuffer(path);
                newPaths.append("/");
                newPaths.append(newFileName);
                // 路徑+真實名字
String newPath = newPaths.toString();
                // 伺服器中檔案
File targetFile = new File(path, newFileName);
                //真實圖
try {
                    multipartFile1.transferTo(targetFile);
                } catch (Exception e) {
                    e.printStackTrace();
                }                //縮圖
String path2 = path + "/"+newFileName;
                try {
                    processUploadedFile(path2, newFileName);

                } catch (Exception e) {
                    e.printStackTrace();
                }


                String realPath = headingImgService.getImagePath(id);
                if(realPath != null && !"".equals(realPath)) {
                    String sltPath = StringUtil.getSltPath(realPath);
                    FileUtil.deleteFile(realPath);
                    FileUtil.deleteFile(sltPath);
                    image.setObjId(id);
                    image.setFileId(id);
                    image.setFileName(imageName);
                    image.setFilePath(newPath);
                    image.setFileSize(b);
                    headingImgService.updateImage(image);
                }else{
                    image.setObjId(id);
                    image.setFileId(id);
                    image.setFileName(imageName);
                    image.setFilePath(newPath);
                    image.setFileSize(b);
                    headingImgService.addImage(image);
                }
            }
        }
        oldusers.setUserName(users.getUserName());
        oldusers.setUserCode(users.getUserName());
        oldusers.setOrganiseName(users.getOrganiseName());
        oldusers.setOrganiseId(users.getOrganiseId());
        oldusers.setPosition(users.getPosition());
        oldusers.setIsSoundRemind(users.getIsSoundRemind());
        oldusers.setIsVibrateRemind(users.getIsVibrateRemind());
        oldusers.setJobNum(users.getJobNum());
        oldusers.setEmail(users.getEmail());
        oldusers.setPhoneNum(users.getPhoneNum());
        oldusers.setOfficePhoneNum(users.getOfficePhoneNum());
        int edit = usersService.updateUsers(oldusers);
        HashMap map = new HashMap();
        map.put("code", edit);
        String json = JsonUtils.encode(map);
        System.out.println(json);
        return map;
    }

解決步驟：

1.檢驗form標籤是否新增以下屬性

enctype="multipart/form-data"

2.檢驗jsp程式碼中是否存在沒有name屬性的input標籤，如果存在的話將input的name屬性加上

改為

3.如果以上兩步操作完成問題已解決，這步操作可忽略，這步操作是在form的最後新增隱藏的input或者將已有的隱藏的input元素移到最後作為最後一個元素

參考資料：

springcloud採坑--Zuul上傳檔案報java.nio.charset.IllegalCharsetNameException: UTF-8;boundary=sqgzzmMxl1UPdIp0IAYnQgUIAr9yNewVAzKIX

報錯日誌： 2018-12-17 10:01:19,688 ERROR [io.undertow.request] (default task-3) UT005023: Exception handling request to /xxx/app/bannerMaterialManager/uploadBa

工作總結之----IE使用ajax上傳檔案報錯，其他瀏覽器正常問題解決過程

工作總結之----IE使用ajax上傳檔案報錯，其他瀏覽器正常問題解決過程

sshclient上傳檔案報錯：encountered 1 errors during the transfer解決方法

Hadoop上傳檔案報錯could only be written to 0 of the 1 minReplication nodes.

解決Go上傳檔案報錯：找不到Boundary的問題

MultipartFile 動態決定是否上傳檔案,解決不上傳檔案報錯

關於springboot上傳檔案報錯：The temporary upload location ***is not valid

檔案上傳時報如下錯誤springmvc上傳檔案報錯org.springframework.beans.BeanInstantiationException

微信小程式使用wx.uploadFile 上傳檔案報錯 uploadFile:fail null

FTP上傳檔案報錯200 PORT command successful. Consider using PASV. 553 Could not create file.

ajax 上傳檔案報錯 Warning: Cannot modify header information - headers already sent in Unknown on line 0

用微軟自帶的FileUpload控制元件上傳檔案報錯

jS Ajax 上傳檔案報錯"Uncaught TypeError: Illegal invocation"

spring Boot上傳檔案報錯。

SFTP 上傳檔案報錯：SFTP ERROR?Algorithm negotiation fail

使用SmartUpload上傳檔案報錯

使用struts2的標籤報錯，其他功能正常。

flask外掛系列之flask_uploads上傳檔案

檔案上傳相關報錯: The current request is not a multipart request或is a MultipartResolver configured?

springboot 上傳圖片報錯檔案大小的問題解決辦法

springcloud採坑--Zuul上傳檔案報java.nio.charset.IllegalCharsetNameException: UTF-8;boundary=sqgzzmMxl1UPdIp0IAYnQgUIAr9yNewVAzKIX

工作總結之----IE使用ajax上傳檔案報錯，其他瀏覽器正常問題解決過程

相關推薦