将pdf读取为ArrayBuffer，将其存储在json文件中，并提供详细信息

Question

我想围绕pdf文档构建一个包装器来存储更多信息。我用reader尝试了FileReader。readAsBinaryString（）但这破坏了pdf文件（图像等部分丢失）。

所以我尝试了reader.readAsArrayBuffer（），它似乎可以在没有任何损坏的情况下获取内容。但是我不知道如何将ArrayBuffer转换为字符串，这样我就可以将它的值写入json文件以导出它。当我使用btoa（new TextDecoder（utf-8）. decode（e.target.result））

我得到一个错误：要编码的字符串包含超出拉丁1范围的字符




Answer 1

总的来说，这听起来是个糟糕的主意，但不管怎样，可能会帮助别人...

将二进制文件编码为字符串的最简单和最可靠的方法是将其编码为bas64。

FileReader API有一个readAsDataURL（）方法，它将返回一个由URI标头和bas64二进制数据组成的数据URI。
所以如果你只想要数据作为字符串，你所需要的就是抓住后面的任何东西。"Base64，"在返回的dataURI中。

inp.onchange = e => {
  const reader = new FileReader();
  reader.onload = e => {
    var myObj = {
      name: inp.files[0].name,
      data: reader.result.split('base64,')[1]
    };
    console.log(JSON.stringify(myObj));
  };
  reader.readAsDataURL(inp.files[0]);
};

<input type="file" id="inp">