Este es mi código:

 fetch(profilePictureURL, { mode: "no-cors" }) .then(function (res) { return res.arrayBuffer(); }) .then(function (buf) { var file = new File([buf], "new.png", { type: "image/png" }); console.log(file); const reader = new FileReader(); reader.readAsDataURL(file); reader.addEventListener("load", () => { console.log(reader.result); uploadBytes(storageProfileBusinessRef, file); }); });

console.log(reader.result) proporciona data: .

Mientras que, console.log(file) da salida:

 File {name: 'new.png', lastModified: 1657861829861, lastModifiedDate: Fri Jul 15 2022 10:40:29 GMT+0530 (India Standard Time), webkitRelativePath: '', size: 0, …} lastModified: 1657861829861 lastModifiedDate: Fri Jul 15 2022 10:40:29 GMT+0530 (India Standard Time) {} name: "new.png" size: 0 type: "image/png" webkitRelativePath: "" [[Prototype]]: File

De la salida anterior parece que el tamaño del archivo es 0. Para eso hice, console.log(buf) , extrañamente tenía una salida ArrayBuffer(0) .

Pero he verificado que la URL de la imagen está perfectamente bien. ¿Cuál podría ser el error aquí?