html - 如何为 HTML5 readAsText 使用文件名字符串而不是输入按钮

Question

我想在我的本地机器上读取一个文本文件并将内容放入一个变量中。我发现的所有示例都使用输入按钮(type =“file”)，该按钮传递一个参数，该参数被函数收集为“evt”。我只是传递一个文件名，例如“mydata.txt”。

我可以使用 ajax，但我想在没有 XAMPP 的情况下使用它。

function readSingleFile(evt)
{
    var f = evt.target.files[0];

    if (f)
    {
        var r = new FileReader();
        r.onload = function(e)
        { 
            var contents = e.target.result;
            document.getElementById('div1').innerHTML = contents;
        }
        r.readAsText(f);
    }
    else
    {            
        alert("Failed to load file");
    }
}

Answer 1

AJAX 允许您读取驻留在服务器 上的文件。

出于安全原因，永远不可能读取客户端文件系统上的任意路径。
<input type="file" />允许用户选择文件，这就是它安全的原因。