小编Cal*_*son的帖子

我正在寻找一个 React 组件，它显示两个字符串（特别是两个不同的 JSON 片段）之间的统一的类似 git 的差异。

像这样：

我目前正在使用react-ace diff 组件，但这仅进行并排比较，也没有考虑已添加或删除的内容。

我正在构建一个允许用户上传自定义字体的Web界面。问题是我无法通过FileReader.readAsDataUrl（）将字体文件（特别是.ttf，.woff和.woff2文件）转换为base64，以便随后可以通过我的API放置这些文件。

我可以成功reasAsDataUrl .png和.jpg文件，并以base64编码的字符串的形式接收这些文件的数据，没问题。但是，当我尝试对.ttf，.woff或.woff2文件执行相同的操作时，尽管FileReader不会引发任何错误，但reader.result为空。

我正在使用输入元素来允许用户选择字体：

<input type="file" accept="application/font-woff" onChange={handleUpload}/>

handleUpload函数如下所示：

handleUpload: () => (event: Object) => {
   const { currentTarget: element } = event;

   if (!element.files) { return; }

   const file = element.files[0];

   const reader = new FileReader();
   reader.onerror = (error) => {
     console.error('Error: ', error);
   };
   reader.readAsDataURL(file);

   console.log(reader.result); // reader.result is empty
}

这是我传递给readAsDataURL函数的文件对象。