JavaScript - 获取目录

JavaScript - 获取目录

  • 前言
  • webkitdirectory
  • 代码


前言

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

webkitdirectory

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

代码

以下是代码实现


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>dirtitle>
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>

JavaScript - 获取目录_第1张图片

你可能感兴趣的:(JavaScript,javascript,html5,前端)