Convert Blob to Image file in Javascript

Question

I have tried to convert blobs to image file using the below code.

var file = new File([blobs],"Download.png");

This gives me a file with type null

This is my file in console.

lastModified: 1618930293005
lastModifiedDate: Tue Apr 20 2021 07:51:33 GMT-0700 (Pacific Daylight Time) {}
name: "Download.png"
size: 3
type: ""
webkitRelativePath: ""

While I'm trying to download this file, it is downloading as a text file and not an image file. Can somebody help me with this?

I want to download the original file (i.e., Image file)

Does this answer your question? Show image from blob in javascript — 0stone0
– 0stone0, Commented Apr 20, 2021 at 15:05

Jonas Wilms · Accepted Answer · 2021-04-20 15:07:33Z

1

You can specify the type in the third parameter:

 new File([blobs], "Download.png", { type: "image/png" })

answered Apr 20, 2021 at 15:07

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Convert Blob to Image file in Javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related