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

by

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>

More Related Contents:

  1. Adding UTF-8 BOM to string/Blob
  2. JavaScript blob filename without link
  3. Converting between strings and ArrayBuffers
  4. How do I download a file with Angular2 or greater
  5. How to get a file or blob from an object URL?
  6. Blob from DataURL?
  7. Should setting an image src to data URL be available immediately?
  8. Remember and Repopulate File Input [duplicate]
  9. Download data URL file
  10. Using JavaScript to display a Blob
  11. Convert blob URL to normal URL
  12. Getting binary (base64) data from HTML5 Canvas (readAsBinaryString)
  13. Convert HTML to data:text/html link using JavaScript
  14. Getting Image Dimensions using Javascript File API
  15. How to convert dataURL to file object in javascript?
  16. Can I set the filename of a PDF object displayed in Chrome?
  17. How FileReader.readAsText in HTML5 File API works?
  18. How to go from Blob to ArrayBuffer
  19. How can I merge TypedArrays in JavaScript?
  20. Display image from blob using javascript and websockets
  21. Where is Blob binary data stored?
  22. Cross-browser Save As .txt
  23. Javascript Typed Arrays and Endianness
  24. Record 5 seconds segments of audio using MediaRecorder and then upload to the server
  25. Is there any limitation on JavaScript Max Blob size
  26. Getting image dimensions using the JavaScript File API
  27. Appending Blob data
  28. “Aw, Snap” when data uri is too large
  29. Javascript make audio blob
  30. Blob download is not working in IE

Leave a Comment