springMVC+ajax实现文件上传且带进度条实例

springMVC+ajax实现文件上传且带进度条实例

前端代码：

指定文件名：

上传文件： p>

function doUpload() {

var formData = new FormData($( "#uploadForm" )[0]);

$.ajax({

url: 'http://localhost:8080/xiaochangwei/file/upload' ,

type: 'POST',

data: formData,

async: false,

cache: false,

contentType: false,

processData: false,

success: function (returndata) {

alert(returndata);

},

error: function (returndata) {

alert(returndata);

}

});

}

后端：

@RequestMapping(value = "/upload", method = RequestMethod.POST)

public String upload(HttpServletRequest request, @RequestParam("file") MultipartFile file, ModelMap model) {

System.out.println("开始");

String path = request.getSession().getServletContext().getRealPath("upload");

String fileName = file.getOhttp://riginalFilename();

// String fileName = new Date().getTime()+".jpg";

System.out.println(path);

File targetFile = new File(path, fileName);

if (!targetFile.exists()) {

targetFile.mkdirs();

}

// 保存

try {

file.transferTo(targetFile);

} catch (Exception e) {

e.printStackTrace();

}

model.addAttribute("fileUrl", request.getContextPath() + "/upload/" + fileName);

return "result";

}

如果前端有很多实体类数据同文件一同提交

可以修改后端方法为：

复制代码 代码如下:

upload(HttpServletRequest request, @RequestParam("file") MultipartFile file, ModelMap model,User user)

利用下面的代码更可实现带有进度条的文件上传

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。