Ajax上传文件

来源:互联网 发布:传奇一条龙源码 编辑:程序博客网 时间:2024/06/16 19:01

ajax上传文件前端通过创建FormData对象,实现对文件的序列化,传到后台。前台的HTML代码如下:

<form id= "uploadForm">        input type="text" name="fileType" value= "excel表格"/>        文件1: <input type="file" name="import"/>
      文件2: <input type="file" name="import"/> 
<input type="button" value="上传" onclick="doUpload()" /> </form>


前台的js代码如下:

function doUpload() {      var formData = new FormData($( "#uploadForm" )[0]);      $.ajax({           url: 'http://localhost:8080/Optical/files/upload' ,           type: 'POST',           data: formData,           async: false,           cache: false,           contentType: false,           processData: false,           success: function (returndata) {               alert(returndata);           },           error: function (returndata) {               alert(returndata);           }      });  
后台使用的是Spring-Mvc,代码如下:

public Object fileUpload_3(MultipartHttpServletRequest MRequest, String fileType) throws IOException {System.out.println("fileType:" + fileType);List<MultipartFile> fileList = MRequest.getFiles("import");for (MultipartFile file : fileList) {System.out.println(file.getOriginalFilename());}}





0 0
原创粉丝点击