在chrome扩展中上传文件

时间:2014-07-22 11:50:36

标签: google-chrome-extension

我需要在Chrome扩展程序中添加一个浏览按钮。用户单击它并选择一个文件。然后,我想检索文件内容(字节)并对其进行一些操作。

我不想将文件提交到远程服务器,然后获得响应(如果甚至可以从Chrome扩展程序中执行此操作),它应该是所有客户端的。

这可以在Chrome扩展程序中使用吗?

1 个答案:

答案 0 :(得分:4)

你应该看FileReader API

  

FileReader对象允许Web应用程序使用FileBlob对象异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容要读取的文件或数据。

使用此界面的一个非常好的基本示例是this question

一个最小的例子:假设你有一个<input type="file" id="file">,并选择了一个文本文件。

var file = document.getElementById("file").files[0];
var reader = new FileReader();
reader.onload = function(e){
  console.log(e.target.result);
}
reader.readAsText(file);

如果您需要读取文本以外的方法(即二进制数据),请参阅文档。

此外,这是一个很好的概述:Using files from web applications