java – 在WebSphere Liberty上处理Spring mvc多文件上载

尝试使用ajax上传多个文件时,我遇到了一个奇怪的问题.
为什么我们使用Ajax上传多个文件？
因为用户想要查看他/她尝试上传到服务器的所有文件.通过审查意味着,用户应该被允许在上传到服务器之前删除文件.

到目前为止我尝试了什么？

JSP

<form id="form1" method="post" action="uploadMultipleFiles" enctype="multipart/form-data">
  <!-- File input -->    
  <input name="file" id="files" type="file"  multiple="multiple"/><br/>
  <button value="Submit" onclick="uploadFiles()" >Upload</button><i>upload</i>
</form>

JS

function uploadFiles(){
  var files = $("#files").prop("files");
  var oMyForm = new FormData();   
  oMyForm.append("file", files[0]);  //currently trying with only one file
      $.ajax({
            url:  'uploadMultipleFiles',
            data: oMyForm,
           // dataType: 'text',
            processData: false,
            contentType: false,
            type: 'POST',
            success: function(data){
                console.log(data)
            }
          });
}

Spring Controller(3.0.0版)

@RequestMapping(value = "/uploadMultipleFiles", method = RequestMethod.POST)
    public @ResponseBody String uploadMultipleFilesHandler(HttpServletRequest request, HttpServletResponse response)  {
  MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
  System.out.println(multipartRequest);   
}

我没有包含整个控制器代码,但我相信它应该足够你可以提供的任何指针.

春豆configuartion

<bean id="multipartResolver"
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

        <property name="maxUploadSize" value="900000" />

</bean>

例外

java.lang.ClassCastException：com.ibm.ws.webcontainer31.srt.SRTServletRequest31无法强制转换为org.springframework.web.multipart.MultipartHttpServletRequest

请帮助我弄清楚我可以做些什么来解决这个异常,请注意相同的代码是tomcat中的工作文件,但是WebSphere Liberty profile似乎有一些问题.

解决方法:

您正在使用AJAX调用而不是表单发布提交. enctype不适用于AJAX调用.将“multipart / form-data”添加到AJAX请求中

根据您的JQuery版本,需要添加ContentType(或不允许)

但是如果没有将ContentType发送到控制器,则Spring拦截器使用Default Resquest内容类型,内容类型拦截依赖于servlet实现,而在WAS中则存在由IBM制作的“特殊”拦截.

例如,如果你使用的JQuery小于1.9则需要添加类型：’POST’和方法：’POST’

在使用类似JQuery之类的东西之前,您可以尝试仅使用XMLHttpRequest

HTML：

   <form enctype="multipart/form-data" method="post" name="fileinfo" id="fileinfo"> 
... 

   </form>

Javacript：

var files = $("#files").prop("files");


var formData = new FormData($("#fileinfo"));
formData.append("file", files[0],"myFileName.txt");
var oReq = new XMLHttpRequest();
oReq.open("POST", "uploadMultipleFiles", true);
oReq.send(formData);

请参阅示例中的FormtData是从包含enctype信息的表单创建的

Mozilla FormData help

JQuery和Content-Type的这个问题类似于how-to-send-formdata-objects-with-ajax-requests-in-jquery

标签：jquery,java,spring-mvc,spring,websphere-liberty
来源： https://codeday.me/bug/20190607/1194374.html