Categories
JavaScript Answers

How to open Blob URL on Chrome iOS with JavaScript?

Spread the love

Sometimes, we want to open Blob URL on Chrome iOS with JavaScript.

In this article, we’ll look at how to open Blob URL on Chrome iOS with JavaScript.

How to open Blob URL on Chrome iOS with JavaScript?

To open Blob URL on Chrome iOS with JavaScript, we can use the FileReader constructor.

For instance, we write:

const reader = new FileReader();
const out = new Blob(['abc'], {
  type: 'text/plain'
});
reader.onload = (e) => {
  console.log(reader.result)
}
reader.readAsDataURL(out);

We create a new FileReader instance.

Then we create a new Blob instance that we pass into the readAsDataURL method to read the blob into a base64 data URL.

Then in the reader.onload method, we get the data URL from the reader.result property.

Conclusion

To open Blob URL on Chrome iOS with JavaScript, we can use the FileReader constructor.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *