在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ webuploader 上傳文件夾 怎樣獲取文件夾名稱 及 目錄

webuploader 上傳文件夾 怎樣獲取文件夾名稱 及 目錄

現在使用 vue 搭建的文件管理項目 其中上傳文件方面 使用百度的 webuploader上傳插件

        $('.webuploader-element-invisible').attr('webkitdirectory', '')

這一段代碼 是支持可以上傳文件夾

現在要支持上傳文件夾 并根據文件夾的名字 及 文件夾下面的目錄 創(chuàng)建相應的文件夾 那么如何才能獲取到文件夾 本身的名稱 和 文件夾下面目錄的名稱

效果類似于 百度網盤 上傳文件夾

回答
編輯回答
嘟尛嘴

前端調試的時候,可以清楚看出webkitRelativePath的值,見如下截圖:

clipboard.png

具體代碼為:

 //上傳之前獲取 文件夾相對路徑,
    uploader.on('uploadBeforeSend', function(object, data, headers) {
        // 如果是webkitdirectory控件選擇的文件,會包含webkitRelativePath屬性,添加進formData發(fā)送
        console.log("uploadBeforeSend日志:");
        console.log(object);//打印此對象,可以查看webkitRelativePath值
        data.relativepath = object.file.source.source.webkitRelativePath ? object.file.source.source.webkitRelativePath : '';
        console.log("webkitRelativePath:"+data.relativepath);
    });

需要注意的是,選擇圖片文件夾上傳時,要把設置,compress:false,(上傳前不壓縮圖像)
否則webkitRelativePath為空,獲取不到。

2018年3月31日 17:52