Klien saya telah meng-upload beberapa foto ke mereka Google Drive dan ingin saya untuk menampilkan foto mereka di situs web perusahaan. Saya meninjau dokumentasi untuk menampilkan Google Drive konten dalam halaman web, tetapi tampaknya bahwa ini adalah petunjuk untuk menampilkan isi suatu halaman web, yang sudah tidak.
Pertanyaan saya adalah, bagaimana cara menampilkan isi secara langsung pada klien's web page?
Terima kasih.
Saya telah menemukan cara untuk melakukannya tanpa menggunakan situs eksternal.
<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>
Anda'll perlu untuk mengambil ID dari gambar: Klik pada "Open in new window" dan mendapatkan ID dari URL.
Jika anda memiliki beberapa file gambar, hanya meng-upload mereka ke umum folder di Google Drive, copy folder ID dari bilah alamat (misalnya 0B0Gi4v5omoZUVXhCT2kta1l0ZG8) dan paste ke form di GDrives, kemudian pilih sendiri alias (misalnya myimgs) dan voila! Anda dapat mengakses gambar satu per satu menggunakan mis. http://gdriv.es/myimgs/myimage.jpg.
Jika anda ingin menanamkan seluruh folder pada website anda (dalam frame), anda dapat menggunakan salah satu dari Url berikut, menggantikan [folderID] dengan ID anda sendiri:
Jika anda lebih memilih untuk mendapatkan daftar file dalam XML atau JSON, anda dapat menggunakan YQL.
Catatan: Anda dapat menggunakan Google+ Foto untuk host ans cantumkan foto anda juga.
Asli URL: https://drive.google.com/file/d/0B6wwyazyzml-OGQ3VUo0Z2thdmc/view
<!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>
Terima kasih https://codepen.io/jackplug/pen/OPmMJB
Dari google drive membantu halaman:
Untuk host halaman web dengan Drive:
- Buka Drive di drive.google.com dan pilih file.
- Klik tombol Berbagi di bagian atas halaman.
- Klik Lanjutan di sudut kanan bawah dari kotak berbagi.
- Klik Change....
- Memilih - Publik di web dan klik Simpan.
- Sebelum menutup kotak berbagi, copy dokumen ID dari URL di kolom di bawah ini "Link untuk berbagi". Dokumen ID adalah sebuah string huruf besar dan huruf kecil dan angka antara garis miring di URL.
- Berbagi URL yang terlihat seperti "www.googledrive.com/host/[doc id], dimana [doc id] digantikan oleh dokumen ID anda disalin pada langkah 6.
Siapa pun sekarang dapat melihat halaman web anda.
Jika anda ingin melihat gambar anda di website cantumkan link ke pic di html anda seperti biasanya:
<!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>
Catatan:
Awal agustus 31, 2015, web hosting di Google Drive untuk pengguna dan pengembang akan usang. Anda dapat terus menggunakan fitur ini untuk jangka waktu satu tahun hingga agustus 31, 2016, ketika kita akan menghentikan menyajikan konten melalui googledrive.com/host/[doc id]. Info lebih lengkap
Update 18/02/2017 Google telah disusutkan hosting gratis fitur pada Google drive dan sekarang anda tidak dapat meng-host website statis di Google drive secara gratis.
Tapi jika anda ingin meng-host JavaScript dan CSS dan Images file di Google drive maka anda masih bisa melakukannya. Anda hanya perlu untuk mendapatkan permalink file. berikut diperbarui tutorial (2017).
http://www.bloggerseolab.com/2017/02/host-images-javascript-and-css-on-google-drive.html
Google Drive Hosting sekarang usang. Berhenti bekerja dari agustus 31, 2016.
hosting di Google Drive - bantahan jadwal
Saya telah dihapus penjelasan dari cara yang sebelumnya menjadi tuan rumah pada gambar Google Drive.
Klik Disini Untuk Melihat
<iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#list" width="700" height="500" frameborder="0"></iframe>
Tampilan Grid
<iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#grid" width="700" height="500" frameborder="0"></iframe>
Baca Lebih lanjut di: https://thomas.vanhoutte.be/miniblog/embed-add-google-drive-folder-file-website/
jika anda ingin tertanam Google drive gambar di blogger anda atau situs lain yang kemudian ikuti saja petunjuk : -
Blogger
<img src='https://drive.google.com/uc?export=view&id=1OCx6mUEMbWcwCQbDePA5PeeOh'/>
Saya don't tahu cara yang lebih baik tapi anda dapat datamine halaman dengan php. Misalnya jika anda pergi ke google dan berbagi folder kemudian buka folder tersebut akan terlihat seperti ini
https://drive.google.com/folderview?id=0B8TT0olkjsdkfji9jekbFF4LWc&usp=sharing
^^^ tidak nyata link
Apa yang anda cari adalah masing-masing gambar dalam kode sumber dari halaman ini
kemudian menggunakan php mendapatkan kode sumber dengan
<? $f = fopen ("http://www.example.com/f", r);
echo $f;
?>
sekarang $f memiliki sumber dan anda dapat menggunakan perintah php untuk memisahkan hanya dengan URL gambar yang anda inginkan. Itu akan mengambil sedikit kerja tapi sangat bisa dilakukan.
setelah anda memiliki ini link gambar yang menunjukkan cara anda ingin hanya membangun mereka ke div atau tabel struktur tampilan pada galeri mungkin bahkan menambahkan greybox elemen untuk efek
<img src="https://drive.google.com/uc?export=view&id=Your_Image_ID" alt="">
Yang saya gunakan di situs wordpress saya sebagai menyimpan file gambar pada lokal host memakan banyak ruang dan memperlambat situs saya
Saya menggunakan textmate karena mudah untuk mengedit beberapa Url pada waktu yang sama menggunakan 'alt/option' tombol
Beberapa alternatif yang menarik untuk publik hosting gambar di Drive (usang):
1. Google Foto
Jika anda meng-upload gambar ke Google Foto bukan dari Drive itu mendapat semua link web.
Perilaku ini sedikit mengejutkan saya, tapi link yang sangat panjang dan acak, sehingga mereka rupanya berlatih "privasi dengan ketidakjelasan."
2. Google Gambar
Jika anda create gambar menggunakan "Google Gambar" program (dibangun ke dalam Drive) anda dapat menekan File > Mempublikasikan ke Web
untuk mendapatkan link publik.
Catatan: Ini could menjadi solusi jika anda'kembali mencoba untuk berbagi yang ada gambar-paste gambar ke editor dan tanaman kanvas untuk gambar anda (file > Page Setup
)-- tetapi itu's sedikit rumit. Jika anda perlu melakukan beberapa editing gambar dasar, meskipun, atau jika anda're mencoba membuat sebuah ikon sederhana/grafis, saya pikir ini bagus.