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