Fetching images in React and converting it to File

Asked Jul 05 '21 at 17:53

Active Jul 05 '21 at 17:59

Viewed 186 times

I have some images in my react project's public folder. I can read them using fetch API, which gives me readablestream. I want to convert the output to type File. How can I do it? Example of the File type I'm looking for is given below.

const file = new File(['foo'], 'foo.jpg', {type: 'image/jpg'})

Purpose: An API I use only accept File type

edited Jul 05 '21 at 17:59

asked Jul 05 '21 at 17:53

Sachin Titus

1,960
3
23
41

What is the end goal? – Jul 05 '21 at 17:56
I want to get a File variable type. I need File type to upload to an API – Sachin Titus Jul 05 '21 at 17:57
Does this answer your question? [javascript creating a file from URL](https://stackoverflow.com/questions/35219960/javascript-creating-a-file-from-url) – Jul 05 '21 at 17:59
what Content-type your api require? form data right? – Someone Special Jul 05 '21 at 18:04
I'm calling a library function, and it's using File type – Sachin Titus Jul 05 '21 at 18:19
@ChrisG it's about creating blob. It's a different type I guess – Sachin Titus Jul 05 '21 at 18:20
You mean that you want to convert the images which in your project's folder to the `File` then call the library function, right? – GyDi Jul 05 '21 at 18:25
yes you're right – Sachin Titus Jul 05 '21 at 18:44
Yes, but all you need then is `const file = new File([blob], blob.type);` – Jul 05 '21 at 20:02

Fetching images in React and converting it to File

0 Answers0