html - 输入的值来自文件

Question

<input id="LoadText" value= 'data.txt' /> 

我试图将 LoadText 输入的默认值赋予“data.txt”文件的内容。

Answer 1

注意:这是一个解决方案，如果data.txt文件存储在客户端本地文件系统上，如果存储在服务器上，请看大牛的解决方案。 ..

要将本地文件读入您​​的站点，主要有两种可能的解决方案:

• 将文件上传到服务器并使用 AJAX 再次下载
• 使用File API 。目前对其的支持可以在这个网站上看到:http://caniuse.com/fileapi

如果您将 HTML 文件也存储在本地文件系统上(并且您绝不希望将其存储在服务器上)，则也可以直接使用 AJAX。这是使用 jQuery 的代码:

$.ajax({
    url: "data.txt",
    dataType: "text",
    success: function (data) {
        // do something with the text of data.txt (which is stored in the value data)
    }
});

为此，文件 data.txt 和您的 HTML 文件必须存储在同一目录中。