如何实现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文件上传功能

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


网页标题:如何实现Ajax文件上传功能
链接地址:http://myzitong.com/article/johdgd.html