webuploader上传文件夹

最近做文件上传用到了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这个字段下,具体的看图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
拿到数据后,就可以做业务处理了。

评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值