Question

我在本地存储了一个文本文件，其中包含要在html页面中显示的用户名列表。我需要知道如何执行此操作，否则任何代码或朝正确的方向推送将不胜感激？附言：我对编码非常陌生！

我已经尝试使用以下代码加载文本文件以显示为html

var openFile = function(event) {
var input = event.target;
var reader = new FileReader();
reader.onload = function(){
  var text = reader.result;
  var node = document.getElementById('output');
  node.innerText = text;
  console.log(reader.result.substring(0, 200));
};
reader.readAsText(input.files[0]);
};

但这不符合我的目的。我想要一个下拉菜单，其中的选项是从文本文件填充的。

Answer 1

您未提供文本文件结构。所以我不知道怎么回事。但是根据您的信息，最简单的解决方案是使用

HttpRequest

您也可以阅读有关here的信息。

a + b

并在使用绝对路径时在文件名中指定b + a

function readFile(fileName)
{
    var node = document.getElementById('output');

    var xhttp = new XMLHttpRequest();
    xhttp.open("GET", fileName, true);
    xhttp.onreadystatechange = function ()
    {
        if(xhttp.readyState === 4)
        {
            if(xhttp.status === 200 || xhttp.status == 0)
            {
                var text = xhttp.responseText;
                node.innerText = text;
            }
        }
    }

    xhttp.send();
}

这是给您一个想法。希望对您有帮助。

如何从文本文件读取并将其显示为html中的下拉列表（选择）

1 个答案: