How to create an ArrayBuffer and data URI from Blob and File objects without FileReader?

I just put it here: var input = document.querySelector(“input[type=file]”); input.addEventListener(“change”, handleFiles, true); // for url window.URL = window.URL || window.webkitURL; function handleFiles(evnet) { var file = event.target.files[0]; document.querySelector(‘iframe’) .setAttribute(‘src’, window.URL.createObjectURL(file)); } <!DOCTYPE html> <html> <head> </head> <body> <form method=”get” entype=”multipart/form-data” target=”binaryFrame”> <input id=”#avatar” type=”file” name=”file” /> <input type=”submit” /> </form> <iframe name=”binaryFrame”></iframe> </body> </html>

Converting between strings and ArrayBuffers

Update 2016 – five years on there are now new methods in the specs (see support below) to convert between strings and typed arrays using proper encoding. TextEncoder The TextEncoder represents: The TextEncoder interface represents an encoder for a specific method, that is a specific character encoding, like utf-8, iso-8859-2, koi8, cp1261, gbk, … An … Read more