小编sus*_*haP的帖子

HTML5 File API中的FileReader.readAsText如何工作?

我编写了以下代码来检查上传的文件是否存在使用HTML5文件API.

<input type="file" id="myfile">
<button type="button" onclick="addDoc()">Add Document</button>
<p id="DisplayText"></p>
Run Code Online (Sandbox Code Playgroud)

以下JavaScript代码已映射到它如下:

function addDoc() {
  var file=document.getElementById("myFile").files[0]; //for input type=file
  var reader=new FileReader();
  reader.onload = function(e) {}
  reader.readAsText(file);
  var error = reader.error;
  var texte=reader.result;
  document.getElementById("DisplayText").innerText=reader.result; /*<p id="DisplayText>*/
}
Run Code Online (Sandbox Code Playgroud)

从本地系统浏览文件后,我尝试在单击之前从文件夹中删除"浏览"文档addDoc().单击按钮后我仍然可以看到Filereader.result不是null并且可以显示所有内容.

有人可以解释Filereader的工作原理吗?一旦浏览文件,FileReader就会被绑定吗?

我们也可以检查系统Readonly Attribute with FileReader是否与Java类似File.canread()

有人可以建议吗?我有IE11来测试代码.

javascript html5 textarea drag-and-drop fileapi

11
推荐指数
1
解决办法
2万
查看次数

标签 统计

drag-and-drop ×1

fileapi ×1

html5 ×1

javascript ×1

textarea ×1