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来操作数据或将其发布到服务器。