Разница между readAsBinaryString () и readAsDataURL () в HTML5 FileReader API

Question

В HTML5 он представил API FileReader. Я не могу понять разницу между readAsBinaryString () и readAsDataURL (). Я читаю документы из нескольких мест, но все еще не могу полностью понять. Может кто-нибудь привести примеры кода, чтобы помочь мне понять различия?

Answer 1

Если вы используете readAsDataURL (), вы возвращаете данные в формате URI данных. Итак, что-то вроде атрибута src здесь:

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

Если вы используете readAsBinaryString (), результатом будут необработанные биты. Затем вы можете использовать один из низкоуровневых двоичных API-интерфейсов для манипулирования данными или отправки их на сервер.