怎么在JavaWeb项目中利用Html5FormData实现一个文件上传功能

$(document).on("change", ".upload-img input:file", function() {
 var fileId = $(this).attr("id");
 var t_files = this.files;
 var imglength = $("#view_" + fileId).parent().parent().find(".upload-img").length;
 if (imglength==1) {
  if (t_files.length > 5) {
  new Message().showMsg("最多选择五张图片");
  return false;
  } else if (t_files.length < 1) {
  new Message().showMsg("至少选择一张图片");
  return false;
  }
 }else if(t_files.length+imglength>6) {
  new Message().showMsg('最多再选择'+ (6-parseInt(imglength)) +'张图片');
  return false;
 }
 var data = new FormData();
 for (var i=0;i服务器端请求地址
  type : 'post',
  processData: false, // 告诉jQuery不要去处理发送的数据
  contentType: false, // 告诉jQuery不要去设置Content-Type请求头
  data:data,
  cache: false
 }).done(function(data,status){
  var dataObj = jQuery.parseJSON(data);
  if(dataObj.state == -1){
  new Message().showMsg("上传图片出错");
  }else{
  var imgs = dataObj.imgs;
  for (var i=0;i

上面第19行代表初始化formdata对象,其有两种创建方法,对于使用html2来说使用该方式来创建,使用html1来说可以使用 var data = new FormData(document.getElementById("#formfile");两种创建方式基本没有区别;第22-23行是可以给formdata添加其他属性的,,按需选择,21行是添加文件必须要写的.ajax部分 32 33行是必须要设置的,网上有说明,我就不多说了;

Java代码部分:

public void multipleCommentImageUpload(HttpServletRequest request, HttpServletResponse response, @RequestParam(value = "file", required = false)List files) {
 response.setContentType("text/html;charset=utf-8");
 UserSession user = WebUtil.getSessionUser(request);
 for (MultipartFile file:files) {
  String fileName = file.getOriginalFilename(); //获取文件名
 }
 UploadMessage message = new UploadMessage();
 Map map1 = new HashMap();
 try {
  Map map = this.multipleUpload(request, files);
  };
 protected Map multipleUpload(HttpServletRequest request, List files) throws IllegalStateException, IOException {
 Map map =new HashMap();
 for(MultipartFile file:files) {
  if (file == null) {
  map.put("status",-1);
  map.put("statusInfo","上传参数不能为空");
  return map;
  }
 }
 //创建一个通用的多部分解析器
 CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());
 //判断 request 是否有文件上传,即多部分请求
 if (multipartResolver.isMultipart(request)) {
  //转换成多部分request
  MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
  Enumeration params = multiRequest.getParameterNames();
  String upDir = null;
　　　　　　　　//获得formdata对象中自定义的一些属性,是枚举类型
  while (params.hasMoreElements()) {
  String name = (String)params.nextElement();
  upDir = multiRequest.getParameter("upDir");
  }
  //取得request中的所有文件名
  Iterator iter = multiRequest.getFileNames();
  List

看完上述内容，你们掌握怎么在Java Web项目中利用Html5 FormData实现一个文件上传功能的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！