html - HTML5 FileReader API 中 readAsBinaryString() 和 readAsDataURL() 的区别

Question

在 HTML5 中，引入了 FileReader API。我无法真正理解 readAsBinaryString() 和 readAsDataURL() 之间的区别。我从几个地方阅读了文档，但仍然无法完全理解。有人可以提供一些代码示例来帮助我理解差异吗？

Answer 1

如果您使用 readAsDataURL()，您将以数据 URI 格式取回数据。所以像这里的 src 属性:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

如果您使用 readAsBinaryString()，结果将是原始位。然后，您可以使用一种低级二进制 API 来操作数据或将其发布到服务器。