猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
HTML 5中的文件API怎么读取文本文件内容
使用HTML 5中的文件API读取文本文件内容,效果如图所示。
慕码人2483693
浏览 1766
回答 1
1回答
Qyouu
<!DOCTYPE html><html><head> <meta charset="GB2312"> <title>fileReader读取文本文件示例</title></head><body><script language=javascript> var result=document.getElementById("result"); var file=document.getElementById("file"); //将文件以文本形式进行读入页面 function readAsText() { var file = document.getElementById("file").files[0]; var reader = new FileReader(); //将文件以文本形式进行读入页面 reader.readAsText(file); reader.onload = function(f) { var result=document.getElementById("result"); //在页面上显示读入文本 result.innerHTML=this.result; } }</script> <h3>请选择要读取的文本文件:</h3> <input type="file" id="file" /> <input type="button" value="读取文本文件" onclick="readAsText()"/><div name="result" id="result"> <!-- 这里用来显示读取结果 --></div></body></html>
0
0
0
打开App,查看更多内容
随时随地看视频
慕课网APP
相关分类
API
API接口成功状态码定义
2 回答
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续