Quiero cargar un archivo de imagen de Reactjs que está en mi carpeta de proyecto ( "../assets.cover.png" ) sin usar la entrada, cuando intento import cover from "../assets.cover.png" es dándome la ruta del archivo, pero lo que necesito son los metadatos del archivo para cargarlo.
Básicamente, mi intención final es cargar ese archivo de imagen y calcular la velocidad de carga del usuario.
La imagen importada es solo una ruta de archivo relativa a la URL base para usar en propiedades, tendrá que leer el archivo para hacer lo que está intentando.
Pude resolverlo después de leer después de leer esta documentación .
import cover from "../assets/cover.png"; // importing img file let blob = await fetch(cover).then((r) => r.blob()); //creating blob object const file = new File([blob], "cover.png", { type: "image/png", }); console.log(file); // output // { // lastModified: 1656486792733 // lastModifiedDate: Wed Jun 29 2022 12:43:12 GMT+0530 (India Standard Time) {} // name: "cover.png" // size: 1446458 // type: "image/png" // webkitRelativePath: "" // }