let url ='https://xxxx/image.jpg';
let blob = new Blob([url]);
let file = new File([blob], "filename", { type: "image/jpg"  });

i am working on an angular project and would love to assign an image to file for upload. However the system cannot load the image after upload. any ideas??

let url ='https://xxxx/image.jpg';
let blob = new Blob([url]);
let file = new File([blob], "filename", { type: "image/jpg"  });

i am working on an angular project and would love to assign an image to file for upload. However the system cannot load the image after upload. any ideas??

• javascript
• angular
• angularjs

Share Improve this question Follow asked Oct 4, 2022 at 8:29 appleapple 1911 silver badge33 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You can do this by using fallowings:

fetch('https://i.imgur./fHyEMsl.jpg')
    .then((res) => res.blob())
    .then((myBlob) => {debugger
       const myFile = new File([myBlob], 'image.jpeg', {type: myBlob.type});
    });