您的位置：首页 > Web前端 > JavaScript

javascript 读取本地txt文件

2017-09-22 10:04 417 查看
使用fileAPI 可以实现本地文件读取，可以实现将本地文件内容直接post，而不是文件本身

参考文档https://www.html5rocks.com/zh/tutorials/file/dndfiles/

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="file" id="files" name="files"/>
<output id="list"></output>
<script>
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
for (var i = 0, f; f = files[i]; i++) {
var reader = new FileReader();
reader.onload = (function (theFile) {
return function (e) {
var span = document.createElement('span');
span.innerHTML = e.target.result;
document.getElementById('list').insertBefore(span, null);
};
})(f);
reader.readAsText(f);
}
}

document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航