js读取本地txt
时间: 2023-08-21 20:07:39 浏览: 58
js读取本地文件
4星 · 用户满意度95%
由于安全原因,JavaScript不能直接访问本地文件系统中的文件。因此,你需要先将文件上传到服务器上,再使用相应的URL来访问它。
如果你想读取本地文件,可以使用input元素的type属性设置为file,让用户选择文件,然后使用File API来读取文件。以下是一个简单的例子:
```javascript
// 获取input元素
var input = document.getElementById("input");
// 绑定change事件
input.addEventListener("change", function() {
// 获取选中的文件
var file = input.files[0];
// 创建FileReader对象
var reader = new FileReader();
// 绑定onload事件处理函数
reader.onload = function() {
console.log(reader.result);
};
// 读取文件
reader.readAsText(file);
});
```
在上面的代码中,我们首先获取了一个input元素,并绑定了change事件。当用户选择了一个文件后,我们使用FileReader对象来读取它。我们绑定了FileReader对象的onload事件处理函数,当文件读取完成后,我们就可以通过reader.result来获取文件的内容了。请注意,这种方法只能在浏览器中运行。
阅读全文