google gdurl for files google-drive-sdk

google-drive-sdk - gdurl - google drive api list files in folder



¿Cómo muestro imágenes de Google Drive en un sitio web? (11)

Ejemplo de incrustación de una imagen de Google Drive

URL original: https://drive.google.com/file/d/0B6wwyazyzml-OGQ3VUo0Z2thdmc/view

Foto de Paula Borowska.

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Google Drive</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <img src="https://drive.google.com/uc?export=view&id=0B6wwyazyzml-OGQ3VUo0Z2thdmc"> </body> </html>

Gracias https://codepen.io/jackplug/pen/OPmMJB

Un cliente mío ha subido algunas fotos a su Google Drive y me gustaría que las mostrara en el sitio web de su empresa. Revisé la documentation para mostrar el contenido de Google Drive en una página web, pero parece que estas son simplemente las instrucciones para mostrar el contenido en una página web, como ya lo hizo.

Mi pregunta es, ¿cómo muestro los contenidos directamente en la página web del cliente?

Gracias.

Desde las páginas de ayuda de google drive :

Para alojar una página web con Drive:

  1. Abra Drive en drive.google.com y seleccione un archivo.
  2. Haga clic en el botón Compartir en la parte superior de la página.
  3. Haga clic en Avanzado en la esquina inferior derecha del cuadro para compartir.
  4. Haga clic en Cambiar ....
  5. Seleccione On - Public en la web y haga clic en Guardar.
  6. Antes de cerrar el cuadro de compartir, copie la ID del documento desde la URL en el campo debajo de "Enlace para compartir". La ID del documento es una cadena de letras mayúsculas y minúsculas y números entre barras en la URL.
  7. Comparta la URL que parece "www.googledrive.com/host/[doc id] donde [doc id] se reemplaza por la ID del documento que copió en el paso 6.

Ahora cualquiera puede ver su página web.

Si desea ver su imagen en un sitio web, incruste el enlace a pic en su html como de costumbre:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example image from Google Drive</title> </head> <body> <h1>Example image from Google Drive</h1> <img src="https://www.googledrive.com/host/[doc id]" alt="whatever"> </body> </html>

Nota:

A partir del 31 de agosto de 2015, el alojamiento web en Google Drive para usuarios y desarrolladores quedará en desuso. Puede continuar usando esta función por un período de un año hasta el 31 de agosto de 2016, cuando suspenderemos la publicación de contenido a través de googledrive.com/host/[doc id]. Más información

He encontrado una manera de hacerlo sin usar sitios externos.

<img src="https://drive.google.com/uc?export=view&id=XXX">

https://gist.github.com/evansims/f23e2f49e3d4be793038

<a href="https://drive.google.com/uc?export=view&id=XXX"> <img src="https://drive.google.com/uc?export=view&id=XXX" style="width: 500px; max-width: 100%; height: auto" title="Click for the larger version." /> </a>

Tendrá que tomar el ID de la imagen: haga clic en "Abrir en nueva ventana" y obtenga el ID de la URL.

No conozco una forma mejor, pero puedes visitar la página con php. Por ejemplo, si vas a google y compartes una carpeta, ve a esa carpeta, se verá algo así como

https://drive.google.com/folderview?id=0B8TT0olkjsdkfji9jekbFF4LWc&usp=sharing

^^^ no es un enlace real

Lo que buscas son las imágenes individuales dentro del código fuente de esta página

A continuación, utilizando PHP obtener el código fuente con

<? $f = fopen ("http://www.example.com/f", r); echo $f; ?>

ahora $ f tiene la fuente y puede usar otros comandos php para separar solo las URL con las imágenes que desee. Tomará un poco de trabajo pero altamente factible.

una vez que tenga estos enlaces de imagen que muestran la forma en que desea, simplemente compílelos en una estructura de tabla o div para mostrarlos en una galería, tal vez incluso agregue un elemento greybox para que tenga efecto

Si el archivo está en una carpeta pública, puede utilizar el documentation .

Si tiene algunos archivos de imagen, simplemente cárguelos en una carpeta pública en su Google Drive, copie su ID de carpeta desde la barra de direcciones (por ejemplo, 0B0Gi4v5omoZUVXhCT2kta1l0ZG8 ) y péguelo en un formulario en GDrives , luego elija su propio alias (por ejemplo, myimgs ) y voila Puede acceder a las imágenes una por una utilizando, por ejemplo, http://gdriv.es/myimgs/myimage.jpg .

Si desea incrustar una carpeta completa en su sitio web (en un marco), puede usar una de las siguientes URL, reemplazando [folderID] con su propia ID:

Si prefiere obtener la lista de archivos en XML o JSON, puede usar YQL .

Nota: También puede usar Fotos de Google+ para alojar e incrustar sus imágenes.

Utilice la opción ''Obtener enlace'' en Google Drive para obtener la URL.

Use la etiqueta <img> en HTML y pegue el enlace allí.

Cambio Open? en la URL a uc? .

Actualización 18/02/2017 Google ha depreciado la función de alojamiento gratuito en Google drive y ahora no puede alojar su sitio web estático en Google drive de forma gratuita.

Pero si desea alojar su JavaScript y CSS y el archivo de imágenes en el disco de Google, aún puede hacerlo. Solo necesitas obtener el enlace permanente del archivo. Siguiendo tutorial actualizado (2017).

http://www.bloggerseolab.com/2017/02/host-images-javascript-and-css-on-google-drive.html

<img src="https://drive.google.com/uc?export=view&id=Your_Image_ID" alt="">

Uso en mi sitio de wordpress, ya que almacenar archivos de imagen en un host local ocupa mucho espacio y ralentiza mi sitio

Uso textmate ya que es fácil editar múltiples URL al mismo tiempo usando el botón ''alt / opción''