can anyone tell me how can we display the image that is uploaded on gadget database on the frontend;
here's the image tag:
<img class="projects-page__card-image-img" alt="FX project" data-image-url="https%3A%2F%2Fstorage.gadget.dev%2Ffiles%2F236236%2F475731%2Fproject%2Fimage%2FVr42pOVOAJnHg9tU1UR7H%2Fflooringxtra-logo.svg%3FX-Goog-Algorithm%3DGOOG4-RSA-SHA256%26X-Goog-Credential%3Dcore-api%2540gadget-core-production.iam.gserviceaccount.com%252F20250707%252Fauto%252Fstorage%252Fgoog4_request%26X-Goog-Date%3D20250707T141702Z%26X-Goog-Expires%3D10801%26X-Goog-SignedHeaders%3Dhost%26X-Goog-Signature%3D28ec5ff4bcc116d60c408f4e60ca0694796717f500e7fc5c1a275abd92a216ed5f834f11cba978fb4b6674526bfe3c2eb14b2cac45fa4de3359be2f354bbabe15aa64cbe97a86778eb6e25dfb3323ac4a5e0e5af4f126f4d41fe13d97a520c127123d6e6e3cb46762a74658e4be140e103e38ddcc4213aecca2b295908ad2ad67f88b8eacfdfae583dc68d08bc9b6e108272302372ecaa78ca9b7add34e17cb0a6bde27e6168faeba13c6d432b86f785bb29f50ff0cffcfc577797a768a31a35f35c80dfbef3f1ab953faad38a1162b11eaba56d869ec5f8f0b87d2a901dc822decebc65a9832c45321e82aaeb87480806280528bce6c06215a3edc5842fe447" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://storage.gadget.dev/files/236236/475731/project/image/Vr42pOVOAJnHg9tU1UR7H/flooringxtra-logo.svg?X-Goog-Algorithm=GOOG4-RSA-SHA256&X-Goog-Credential=core-api%40gadget-core-production.iam.gserviceaccount.com%2F20250707%2Fauto%2Fstorage%2Fgoog4_request&X-Goog-Date=20250707T141702Z&X-Goog-Expires=10801&X-Goog-SignedHeaders=host&X-Goog-Signature=28ec5ff4bcc116d60c408f4e60ca0694796717f500e7fc5c1a275abd92a216ed5f834f11cba978fb4b6674526bfe3c2eb14b2cac45fa4de3359be2f354bbabe15aa64cbe97a86778eb6e25dfb3323ac4a5e0e5af4f126f4d41fe13d97a520c127123d6e6e3cb46762a74658e4be140e103e38ddcc4213aecca2b295908ad2ad67f88b8eacfdfae583dc68d08bc9b6e108272302372ecaa78ca9b7add34e17cb0a6bde27e6168faeba13c6d432b86f785bb29f50ff0cffcfc577797a768a31a35f35c80dfbef3f1ab953faad38a1162b11eaba56d869ec5f8f0b87d2a901dc822decebc65a9832c45321e82aaeb87480806280528bce6c06215a3edc5842fe447">
1 Reply
Hi Ahmad, have you tried the direct url?
<img src="https://storage.gadget.dev/files/236236/475731/project/image/Vr42pOVOAJnHg9tU1UR7H/flooringxtra-logo.svg?X-Goog-Algorithm=GOOG4-RSA-SHA256&X-Goog-Credential=core-api%40gadget-core-production.iam.gserviceaccount.com%2F20250707%2Fauto%2Fstorage%2Fgoog4_request&X-Goog-Date=20250707T141702Z&X-Goog-Expires=10801&X-Goog-SignedHeaders=host&X-Goog-Signature=28ec5ff4bcc116d60c408f4e60ca0694796717f500e7fc5c1a275abd92a216ed5f834f11cba978fb4b6674526bfe3c2eb14b2cac45fa4de3359be2f354bbabe15aa64cbe97a86778eb6e25dfb3323ac4a5e0e5af4f126f4d41fe13d97a520c127123d6e6e3cb46762a74658e4be140e103e38ddcc4213aecca2b295908ad2ad67f88b8eacfdfae583dc68d08bc9b6e108272302372ecaa78ca9b7add34e17cb0a6bde27e6168faeba13c6d432b86f785bb29f50ff0cffcfc577797a768a31a35f35c80dfbef3f1ab953faad38a1162b11eaba56d869ec5f8f0b87d2a901dc822decebc65a9832c45321e82aaeb87480806280528bce6c06215a3edc5842fe447" alt="FX Project">
(I used the url you pasted here)