记录--input上传文件夹

话不多说直接上代码:
上传文件夹需要使用到webkitdirectory属性,多级目录会自动遍历把文件夹内的文件都集合在e.target.files

<input type='file' id="inputUploadDir" name="file" webkitdirectory>
// change方法
function selectFolder(e) {
  //文件夹里面所有文件        
  var files = e.target.files;        
  //文件夹名称        
  var relativePath = files[0].webkitRelativePath;        
  var folderName = relativePath.split("/")[0];        
  //文件信息转换成FormData结构遍历上传        
  for (var i = 0; i < files.length; i++) {            
    var formData = new FormData();            
    formData.append('file', files[i])
    }    
  }

记录--input上传文件夹_第1张图片

你可能感兴趣的:(记录,javascript,html5)