Estoy tratando de incrustar una imagen que está almacenada en mi Google Drive en mi sitio web. Aquí está el truco: el ID de archivo en cuestión no es estático, ya que mi función siempre toma la imagen más reciente en una lista de envíos de formularios.

Obtuve la URL de vista previa de una hoja de Google de respuestas de formulario usando Apps Script. También corté el ID de archivo usando .replace() en la primera parte de la URL.

¿Cómo puedo tomar la imagen (que es pública) de mi unidad de Google usando este ID de archivo e incrustarlo?

Aquí está mi código (omitiendo información irrelevante ofc):

 const deskFeaturePhoto = document.querySelector('#featurePhoto') fetch('https://script.google.com/macros/s/AKfycbwWFiL5Lg4J_JeTYAW_xyyH82ZStJYpKiJsBpBiJKT6XrjIYaDmpVOxCa-Jwt4iysNJoQ/exec?t=All%20Submissions') .then(res => res.json()) .then((marketingQuery) => { deskFeaturePhoto.innerHTML = `<img src="https://drive.google.com/uc?export=view&id=${marketingQuery[marketingQuery.length-1].feature_image.replace('https://drive.google.com/open?id=', '')}" alt="Special Photo" style="width: 50%;">` }).catch(err => console.error(err))

 <div id="featurePhoto" style="display: flex; flex-direction: column; align-items: center; justify-content: center;"></div>

Esta 'solución' actual devuelve un error 403 a pesar de mostrar la imagen correctamente al abrir la imagen sola usando la URL final.