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