最近做文件上传用到了webuploader组件,上传文件完全没问题,但是怎么上传文件夹,需要修改以下配置:
在webuploader.js 4880行左右,添加属性:input.attr('webkitdirectory', "")
添加完该属性后,只能选择文件夹怎么办?
在webuploader.js 1718左右行 添加对象: isWebkitdirectory: false,对象名自己随意取
FilePicker.options = {
button: null,
container: null,
label: null,
innerHTML: null,
multiple: true,
accept: null,
name: 'file',
isWebkitdirectory: false
};
然后在调用上传组件的WebUploader.create方法pick对象里加上这个属性,isWebkitdirectory: true
在webuploader.js 4880行左右 这个位置加一个判断,如果isWebkitdirectory为true就添加选择文件夹属性
现在可以上传文件夹了,但是不知道上传的文件夹下面文件的目录层级,怎么办?
在uploadBeforeSend这个方法里,打印出上传文件的日志:
在上传文件夹过程中F12调试,发现文件所属目录层级在webkitRelativePath这个字段下,具体的看图:
拿到数据后,就可以做业务处理了。