js获取文件内容

Question

我想获取js文件的内容，可以通过点击下面的file实现：

<input type="file" webkitdirectory directory multiple onchange="jsReadFiles(this.files)"/>

function jsReadFiles(files) {

        if (files.length) {

            for (let i in files) {

                let file = files[i];

                console.log(file);

                let reader = new FileReader();//new一个FileReader实例

                if (/javascript+/.test(file.type)) {//判断文件类型，是不是JavaScript类型

                    reader.onload = function () {

                        $('body').append('<pre>' + this.result + '</pre>');

                    };

                    reader.readAsText(file);

                }

            }

        }

    }

但是这样的方式需要点击file。

我的目的是：输入一个路径，就可以将路径中的文件内容读取出来：

我的思路是：

1、将路径转化为input选中文件后可以获取到的数据格式：

下面是input选中文件输出数据格式：

问题：如何将路径转化为上面这样的格式？或者其他方式实现读取文件内容也可以。

望指教！！

Answer 1

你想模拟用户选择文件，这个用JS实现不了，因为浏览器厂商将这种操作归到安全操作，不允许用JS来操作（存在风险），只能让用户来手动选择文件。不过在IE下可用ActiveX，FireFox下可用NPAPI。