input 选取文件夹及多个文件 识别内部文件

input 选取文件夹

• input 文件的选取

    <input type="file" class="upfile" multiple="multiple"  /> 可以选取多个文件    <input type="file" class="upfile" webkitdirectory /> 可以选择一个文件夹

• 拾取内部文件
  change 事件

 $fileInput.off().one('change', function (e) {            var  files=e.target.files;            [].forEach.call(files,function (item){                if(item) {                   uploading(item); //上传文件夹                }            },false/true);            this.value='';        });        $fileInput.click();

• 内部 fileList
  在 e.target.files 中 但其中列表 数组形式 ，并不能识别目录结构

• 强大的webkitRelativePath

  内部文件的路径

 function uploading(file){      if(/^\..*/.test(file.name))return // 隐藏文件 取消        var arrpaths= file.webkitRelativePath.split('/');        arrpaths.pop(file.webkitRelativePath);    }