HTML5 File API 中的 FileReader.readAsText 如何工作?
时间：2023-02-25
本文介绍了HTML5 File API 中的 FileReader.readAsText 如何工作?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
我使用 HTML5 文件 API 编写了以下代码来检查上传的文件是否存在.
<input type="file" id="myfile"><button type="button" onclick="addDoc()">添加文档</button><p id="DisplayText"></p>以下JavaScript代码已映射到它如下:
函数 addDoc() {var file=document.getElementById("myFile").files[0];//输入类型=文件var reader=new FileReader();reader.onload = 函数(e){}reader.readAsText(文件);var 错误 = reader.error;var texte=reader.result;document.getElementById("DisplayText").innerText=reader.result;/*<p id="显示文本>*相关文章
拖动&通过中继器使用量角器掉落Drag amp; Drop with Protractor by Repeater(拖动amp;通过中继器使用量角器掉落)- 拖放时获取元素在列表中的位置(ui.sortable)Getting the position of the element in a list when it#39;s drag/dropped (ui.sortable)(拖放时获取元素在列表中的位置(ui.sortable))
- 在 javascript 中检测 HTML5 拖放支持Detecting HTML5 Drag And Drop support in javascript(在 javascript 中检测 HTML5 拖放支持)
- 除非处理了拖动，否则 HTML5 放置事件不起作用HTML5 drop event doesn#39;t work unless dragover is handled(除非处理了拖动，否则 HTML5 放置事件不起作用)
- 如何使用 jQuery 的 drop 事件上传从桌面拖动的文件?How to use jQuery#39;s drop event to upload files dragged from the desktop?(如何使用 jQuery 的 drop 事件上传从桌面拖动的文件?)
- 将图像拖放到 Chrome 中的 contenteditable 到光标处Drop image into contenteditable in Chrome to the cursor(将图像拖放到 Chrome 中的 contenteditable 到光标处)