如何实现Ajax文件上传功能

这篇文章将为大家详细讲解有关如何实现Ajax文件上传功能，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司专注于代县网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供代县营销型网站建设，代县网站制作、代县网页设计、代县网站官网定制、微信小程序服务，打造代县网络公司原创品牌,更为您提供代县网站排名全网营销落地服务。

具体内容如下：

前端表单 和 JQuery jsp/html代码

使用JQury

前端表单

 
请选择要上传的文件：
 
 

 

ajax请求服务器

Conroller.java

@PostMapping("/upload")
 public void fileUpload2(@RequestParam("file") CommonsMultipartFile file, HttpServletRequest request) throws IOException {
  System.out.println("走了");
  //上传路径保存设置
  String path = request.getServletContext().getRealPath("/upload");
  File realPath = new File(path);
  if (!realPath.exists()) {
   realPath.mkdir();
  }
  //上传文件地址
  System.out.println("上传文件保存地址：" + realPath);

  //通过CommonsMultipartFile的方法直接写文件（注意这个时候）
  file.transferTo(new File(realPath + "/" + file.getOriginalFilename()));

 }

结果

关于如何实现Ajax文件上传功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。