微小店网站建设多少钱,网站开发软件选择,wordpress插件访客,有那些专门做职业统计的网站选择多个文件
input typefile multiple /选择文件夹
选择文件夹下所有文件及递归选择下面所有文件夹的文件 webkitdirectory#xff1a;适配webkit内核浏览器 mozdirectory#xff1a;适配火狐浏览器 odirectory#xff1a;适配opera内核浏览器 IE浏览…选择多个文件
input typefile multiple /选择文件夹
选择文件夹下所有文件及递归选择下面所有文件夹的文件 webkitdirectory适配webkit内核浏览器 mozdirectory适配火狐浏览器 odirectory适配opera内核浏览器 IE浏览器不支持 input typefile webkitdirectory mozdirectory odirectory /拖拽获取选择文件
div idcontainer stylewidth: 300px;height: 100px;border: 1px solid #999999;/div
scriptconst div document.getElementById(container)// 有东西进入时触发div.ondragenter (e) {e.preventDefault()}// 有东西在上面时触发div.ondragover (e) {e.preventDefault()}// 东西离开时触发div.ondrop (e) {e.preventDefault()const items e.dataTransfer.itemsfor (let item of items) {const entry item.webkitGetAsEntry() // webkitGetAsEntry文件句柄获取entry对象if(entry.isFile) {// 处理文件拿到file文件entry.file((file) {console.log(file::, file)})} else {// 处理文件夹文件夹中的文件file对象const reader entry.createReader() // 文件夹读取器reader.readEntries((entries) {console.log(entries::, entries)})}}}
/script