0
396
ViewsHow do I convert img url into blob object file in javascript?
I'm trying to convert the img link into blob. I want to send the blob as the object file, currently I got the blob as [object HTMLImageElement]. How do I fix this and send it as blob [object File] ?
This is what I'm trying to achieve
var myImage;
fetch('https://cdn.vox-cdn.com/thumbor/4hL2bA5OUf0lSqR2WlY9ogSYtTE=/152x62:1340x953/920x613/filters:focal(615x92:829x306):format(webp)/cdn.vox-cdn.com/uploads/chorus_image/image/66220207/the_child_star_wars_gallery_5e3204be4f668.0.jpg')
.then(res => res.blob()) // Gets the response and returns it as a blob
.then(blob => {
let objectURL = URL.createObjectURL(blob);
myImage = new Image();
myImage.src = objectURL;
console.log(myImage);
});
$("#approve").click(function() {
var logoFilename = myImage;
let formData = new FormData();
formData.append('logo', logoFilename);
for (var pair of formData.entries()) {
console.log(pair[0] + ', ' + pair[1]);
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="approve" name="approve" class="btn btn-success">Approve</button>
·
Juan Pablo Isaza
Answer question