使用 JS 读取文件并在文本区域中显示其内容 [重复]

【问题标题】：Reading a File using JS and displaying its contents in a textarea [duplicate]使用 JS 读取文件并在文本区域中显示其内容 [重复]
【发布时间】：2021-07-01 06:17:00
【问题描述】：

所以，我正在尝试制作一个 .html 文件，我可以在其中选择任何类型的文件，例如 .txt、.html 或 .py，并将所述文件的内容放入我的 html 页面上的 textarea .我该怎么做呢？我不知道从哪里开始。

【问题讨论】：

标签： javascript html file

【解决方案1】：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       console.log(xhttp.responseText);
    }
};
xhttp.open("GET", "you_file_path", true);
xhttp.send();

用你的链接替换 you_file_path

【讨论】：

有没有办法可以使用下拉菜单而不是提供路径？
对不起，我真的是 javascript 新手....如何将变量分配给我调用的文件的内容？
是的，选择输入更改 span>时可以调用API