1

Hasta ahora tengo mis fotos en Flickr y muchas de ellas son usadas en mi página web, la cual está alojada en hosting compartido y es manejada con Wordpress.

Hasta hace poco Flickr era gratuito e ilimitado en cuanto al almacenamiento y en cuanto a la cantidad de fotos. Pero esto ha cambiado y ahora, en las cuentas gratis Flickr permitirá un máximo de 1,000 fotos.

He pensado pasar mis fotos a Google, pero no encuentro la forma de colocarlas en mi sitio web como imágenes normales (usando src). El problema es que Google no muestra la URL y la extensión del archivo para poderlo colocar como imagen. ¿Hay alguna forma de hacerlo?

En algunos sitios recomiendan hacerlo así:

<img src="https://drive.google.com/uc?id=ID-DEL-ARCHIVO" />

O bien:

<img src="https://drive.google.com/uc?export=view&id=ID-DEL-ARCHIVO />

A mi me funciona en local, pongo el código con un id de imagen válido y la imagen se muestra en mi editor de HTML, pero no en mi sitio web. La imagen no se muestra y en la consola aparece el error:

Failed to load resource: demasiados redireccionamientos HTTP

introducir la descripción de la imagen aquí

¿Alguna forma de hacerlo funcionar en mi entorno remoto?

4
  • sugiero revisar este link: stackoverflow.com/questions/15557392/… Commented el 19 nov. 2018 a las 19:26
  • Gracias @Tegito123, ¿sabes lo que es GDrives? No quisiera pasar por opciones de terceros. En ese caso prefiero intentar hacerlo a través de la API de Google Drive. Estoy tratando de evitar la API para algo que parecía podía ser sencillo.
    – A. Cedano
    Commented el 19 nov. 2018 a las 19:30
  • desconosco que es GDrives apenas y lo escucho.. comentame que es Commented el 19 nov. 2018 a las 19:33
  • @Tegito123 la respuesta que enlazas hace referencia a GDrives, pero parece algo exterior a Google. Sería entonces pasar las fotos por un código de terceros que no se sabe cuánto tiempo vaya a funcionar. En ese caso preferiría pasar a usar la API de Google Drive, escribiendo mi propio código.
    – A. Cedano
    Commented el 19 nov. 2018 a las 19:34

1 respuesta 1

6

La solución que halle fue hacerlo publico la imagen para que sea visible: subes una imagen a tu Google Drive, sobre dicha imagen das click derecho:

select shared

Escogemos la opción: More..

public image

La definimos como public con esto me permite acceder al ID de mi imagen coloco Save y regreso a la pantalla anterior, en donde me provee un link dicho link esta conformado por mi ID :

https://drive.google.com/file/d/13aW1fV26g2nQOoAiYPH5v7dnN0m3keLM/view?usp=sharing

En este caso mi ID va después de :

d/

es decir mi id seria:

13aW1fV26g2nQOoAiYPH5v7dnN0m3keLM

para mostrar la imagen en mi web seria algo asi:

<img src="https://drive.google.com/uc?id=13aW1fV26g2nQOoAiYPH5v7dnN0m3keLM">

espero te sirva..y te ayude..!!

Puedes verificarlo aqui.

Puedes ver el resultado acá, quizá deberias verificar tu navegador o configuraciones del mismo, en lo personal uso, Firefox 63.0.1 , Centos 7 Resultado

3
  • No puedo hacer comentario aun pero agrego a la respuesta de Diego Avila el link a esta pagina que tiene un conversor de URL del drive a URL visible en tu sitio. Basicamente hace los pasos de extracción del ID y lo deja visible. Conversor Commented el 1 ago. 2021 a las 17:37
  • Muchas gracias, he intentado lo anterior. Pero que pasa cuando necesito estar cambiando la imagen cada 3 semanas. Ya que el ID que se genera es único y diferente. Alguien me podria explicar, por favor. Commented el 16 oct. 2021 a las 16:41
  • Puedes hacer uso de esto de un iframe y que ahi se muestren todas las imagenes que tienes en tu carpeta compartida de imagenes Vista de la lista <iframe src="drive.google.com/embeddedfolderview?id=YOURID#list" width="700" height="500" frameborder="0"></iframe> Vista en cuadrícula <iframe src="drive.google.com/embeddedfolderview?id=YOURID#grid" width="700" height="500" frameborder="0"></iframe> Lea más en: thomas.vanhoutte.be/miniblog/… Commented el 16 oct. 2021 a las 16:50

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.