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

Posted 2023-02-27

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

【英文标题】：Reading a File using JS and displaying its contents in a textarea [duplicate]

【发布时间】：2021-07-01 06:17:00

【问题描述】：

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

【参考方案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