JavaScript - 获取目录

最新推荐文章于 2024-05-31 16:16:35 发布

西安站

最新推荐文章于 2024-05-31 16:16:35 发布

阅读量2.6k

点赞数 2

分类专栏： JavaScript 文章标签： javascript html5 前端

本文链接：https://blog.csdn.net/xianzhan_/article/details/108442780

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript - 获取目录

前言
webkitdirectory
代码

前言

JavaScript 获取上传目录, 遍历目录内文件.

webkitdirectory

webkitdirectory 是 HTML5 <input> 标签内的一个属性, 对应的值是 true 和 false, 如果开启了则用户在选择文件的时候只能选择文件夹.

代码

以下是代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>dir</title>
</head>
<body>
    <input id="dir" name="dir" type="file" webkitdirectory multiple onchange="uploadDir(this)">
</body>
<script>
    function uploadDir(inputTag) {
        const files = inputTag.files;

        let start = new Date();
        for (let file of files) {
            console.log(file.webkitRelativePath);
        }
        let end = new Date();

        let intervals = end.getTime() - start.getTime();
        console.log("共耗时: " + intervals + "ms");
    }
</script>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

西安站

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript - 获取目录

JavaScript - 获取目录前言webkitdirectory代码前言JavaScript 获取上传目录, 遍历目录内文件.webkitdirectorywebkitdirectory 是 HTML5 <input> 标签内的一个属性, 对应的值是 true 和 false, 如果开启了则用户在选择文件的时候只能选择文件夹.代码以下是代码实现<!DOCTYPE html><html lang="en"><head> <m
复制链接

扫一扫