java文件夹上传

我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。

首先我们需要了解的是上传文件三要素：

1.表单提交方式:post (get方式提交有大小限制,post没有)

2.表单的enctype属性:必须设置为multipart/form-data. 

3.表单必须有文件上传项:file，且文件项需要给定name值

上传文件夹需要增加一个属性webkitdirectory，像这样：

<input id="fileFolder" name="fileFolder" type="file"  webkitdirectory>

js中可以判断文件夹中文件数量及文件夹大小是否符合要求，不符合要求不能向后台提交：

document.getElementById('fileFolder').onchange = function(e) {

actual_filesSize=0;

//是否选中文件夹  文件夹是否为空  数量和大小是否超过限制

//判断是否选中文件

  var file=$("#fileFolder").val();

  if(file!=""){

  var files = e.target.files;            // files是选中的文件夹数组

  //文件数量

  actual_filesCount = files.length;

  if(actual_filesCount > filesCount){

  $("#tips").text(msg2+filesCount+msg3);

  document.getElementById("tips").style.color="red";

  return;

  }

  //修改tips文本框内容

  $("#tips").text(actual_filesCount+tip);

  document.getElementById("tips").style.color="black";

  

  for (var i = 0; i< files.length; ++i){

  actual_filesSize=actual_filesSize+files[i].size;

  if(actual_filesSize > filesSize){

  $("#tips").text(msg4+(filesSize/1024/1024)+"M");

  document.getElementById("tips").style.color="red";

  return;

  }

  }

  }else{

  $("#tips").text(msg);

  document.getElementById("tips").style.color="red";

  return;

  }

  };

文件夹上传效果

后台在接收文件夹时不同之处在需要用MultipartHttpServletRequest

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

@ResponseBody

public String uploadFileFolder(HttpServletRequest request) {



        MultipartHttpServletRequest params=((MultipartHttpServletRequest) request);