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

时间:2013-03-05 19:32:54

标签: html5 filereader

我想在本地计算机上读取文本文件并将内容放入变量中。我发现的所有示例都使用一个输入按钮(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");
    }
}

1 个答案:

答案 0 :(得分:1)

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

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