Visualizzazione di file (ad es. Immagini) memorizzati in Google Drive su un sito Web


289

Mi chiedevo se fosse possibile accedere / visualizzare file come immagini che sono memorizzati in Google Drive su un sito Web pubblico.


4
Sembra che l'utente che ha creato la domanda non abbia mai usato SO, lasciando questa domanda senza risposta accettata (quando esiste almeno una risposta valida). Gli editor della community possono risolvere il problema?
Rufo,

6
Sembra che questo sia deprecato: disapprovazione del supporto di web hosting in Google Drive
stupido

Ecco l'aggiornamento finale di Google a luglio 2016 con alternative: gsuite-developers.googleblog.com/2016/07/…
wescpy,

@wescpy , ho trovato questa soluzione funzionante per il mio account G-Suite
y2k-shubham

Risposte:


200

Una soluzione alternativa è ottenere il fileIdcon Google Drive SDK APIe quindi utilizzare questoUrl :

https://drive.google.com/uc?export=view&id= {fileId}

Sarà un collegamento permanente al tuo file in Google Drive (immagine o altro).

Nota: questo collegamento sembra essere soggetto a quote. Quindi non è l'ideale per la condivisione pubblica / di massa.


Tuttavia, a quanto pare questo URL (almeno quello "visualizza") funziona solo quando l'utente che lo visualizza ha effettuato l'accesso a Google (Drive?). In una finestra di navigazione anonima, ho ricevuto una pagina di accesso anziché l'immagine (condivisa pubblicamente) che avevo richiesto.
scy

1
Vedi il mio commento del 27 marzo, anche per chiunque abbia dei link ci sono quote che non puoi superare.
Rufo,

1
Funziona senza usare una cartella pubblica. L'immagine stessa deve essere condivisa come "pubblica". Il fileId viene mostrato - incorporato in un URL - quando si condivide il file.
Jim Fred,

4
Ciao Rufo, puoi condividere le informazioni sulla quota, ad esempio quante quote ci sono? Quota significa visualizzare la larghezza di banda al mese? C'è un link senza quota? Sto cercando la condivisione pubblica / di massa.
Noitidart,

1
una nota importante come ha detto @JimFred, il file deve essere condiviso come pubblico
datdinhquoc

163

AGGIORNAMENTO: Come annunciato , Google ha deprecato questa funzione nell'agosto 2016. Ecco l' aggiornamento finale di Google con alternative.

Si è possibile. A condizione che tu metta i tuoi file in una cartella pubblica, puoi ottenere qualsiasi file in una cartella con questo URL:

https://googledrive.com/host/<folderID>/<filename>

3
Dead link :( qualcuno ne ha preso uno nuovo?
Rambatino,

@LeoLuanElezi mentre la tua modifica era corretta, un riepilogo della modifica migliore sarebbe stato "rimosso un collegamento non funzionante".
Nissa,

152

Ecco il semplice link di visualizzazione:

https://drive.google.com/uc?id=FILE_ID

per esempio https://drive.google.com/uc?id=0B9o1MNFt5ld1N3k1cm9tVnZxQjg

Puoi fare lo stesso per altri tipi di file, ad esempio MP3, PDF, ecc.


13
Funziona! (il link di condivisione è https://drive.google.com/file/d/2B8NbrE732XHNLThjZWZzMMVCDeVFpLVVXUkFjT3h2Qloweslz/edit?usp=sharing diventato https://drive.google.com/uc?id=2B8NbrE732XHNLThjZWZzMMVCDeVFpLVVXUkFjT3h2Qloweslz).
cbh2000,

Come paly file video in videoview?
Chiru,

API di auto sulla rifinitura di un upload di file ha questo link nel messaggio di risposta: data.response.webContentLink. Questo &export=downloadalla fine avrà solo bisogno di essere tagliato.
Bill Hoag,

Questa risposta ha funzionato per me quando ho tentato di ospitare / utilizzare un'immagine per il logo della mia squadra ESPN Fantasy-Football ... quindi complimenti per quello.
NateJ,

1
@pabloverd: "devo fare quell'azione una per una" Sì.
Mori,

61

ecco come da @ https://productforums.google.com/forum/#!topic/drive/yU_yF9SI_z0/discussion

1- carica la tua immagine

2- clic con il tasto destro e scegli "ottieni link condivisibile"

3- copia il link che dovrebbe apparire come

https://drive.google.com/open?id=xxxxxxx

4-cambia il open?to uc?e usalo come

<img src="https://drive.google.com/uc?id=xxxxx">
  • si consiglia di rimuovere http:o https:quando si fa riferimento a qualcosa dal Web per evitare problemi con il server.

@ ctf0 "si consiglia di rimuovere http: o https: quando si fa riferimento a qualcosa dal Web per evitare problemi con il proprio server", quindi si consiglia di fare semplicemente drive.google.com?
HoCo_

Ha funzionato bene, semplice
Thara Perera,

26

AGGIORNAMENTO: Come annunciato , Google ha deprecato questa funzione nell'agosto 2016. Ecco l' aggiornamento finale di Google con alternative.

Ad aprile 2013 e utilizzando Chrome / webkit, per me ha funzionato:

  • 1 Crea una cartella chiamata ad esempio "pubblica"

  • 2 Selezionare quella cartella, fare clic con il tasto destro e Condividi> Condividi . Clic. Seleziona "Chiunque può accedere"

  • 3 Trascina e rilascia un file nella cartella e lascialo caricare.

  • 4 Fare clic con il tasto destro sul file e selezionare Dettagli . Una delle righe nel Details-Fieldset riporta "Hosting". Sotto c'è un url:

https://googledrive.com/...

  • Trascina e rilascia quell'URL in una nuova scheda. Copia e incolla l'URL e condividi o incorporalo dove preferisci.

Una limitazione è che, per quanto riguarda l'HTTP, sembra essere possibile solo l'accesso HTTP sicuro.

Aggiornamento:
un'altra limitazione è che i file che Google Drive può aprire non saranno accessibili in questo modo.
Cioè, facendo clic su " Dettagli " non verrà mostrato un URL di Google Drive.

Per ovviare a questo:

  • tasto destro del mouse sul file in questione e selezionare "Apri con> Gestisci app":

inserisci qui la descrizione dell'immagine

  • Deseleziona le app associate al file qui
  • Facoltativo: ricaricare Google Drive
  • Fai clic destro sul file e seleziona "Dettagli"
  • Procedere come al punto 4

Nota: un'alternativa alla procedura sopra descritta è il caricamento del file con un'estensione che Google Drive non può aprire / non associata.


2
Aggiornamento all'aggiornamento - è stato deprecato nel 201 5 e rimosso nel 2016 6
Chris H

E quindi questa risposta dovrebbe essere cancellata
matanster

14

Se si desidera visualizzare il file nel browser, è anche possibile utilizzare un metodo simile a quello fornito da rufo e Torxed:

https://drive.google.com/uc?export=view&id={fileId}

Non capisco. Se voglio visualizzare gdoc nel browser, devo solo digitare il suo URL.
Phil Goetz,

7

Penso che sia possibile ma solo per un breve periodo

Quello che devi fare è impostare la Lista controllo accessi del file su Sola lettura pubblica (o Lettura / Scrittura pubblica). Puoi farlo a livello di codice utilizzando l' API dell'elenco documenti di Google o manualmente tramite il pulsante "Condividi" nel visualizzatore di immagini di Drive.

Quindi puoi ottenere l'URL dell'immagine in modo programmatico utilizzando l'API dell'elenco documenti di Google o l' API di Google Drive (ad esempio file.getDownloadUrl () in Java). Puoi anche ottenere facilmente un link all'immagine manualmente facendo clic destro sull'immagine nel visualizzatore di immagini predefinito di Google Drive.

Il problema è che questo link ha un tempo limitato per vivere, quindi funzionerà per un po 'e poi smetterà di funzionare.

Fondamentalmente l'URL del file di immagine memorizzato in Drive dovrebbe essere accessibile senza alcuna autenticazione una volta che è stato impostato pubblicamente condiviso ma tale URL cambierà ad un certo punto. Potremmo trovare una soluzione a questo in futuro come fornire un URL permanente che reindirizzerà a questi URL che cambiano ma nessuna promessa ...


1
Sarebbe bello sapere in anticipo quanto tempo dura un collegamento. È riparato o dipende da altri parametri?
Drake,

2
Per esperienza, se chiedo all'ingegnere quale sia il valore, risponderà: "Attualmente è XXX ma non dirlo perché potremmo cambiarlo in qualsiasi momento :)" Sono sicuro che puoi sperimentare facilmente per trovare questo valore;)
Nicolas Garnier,

Attualmente un collegamento pubblico, anche se in scadenza, a una risorsa è ciò di cui abbiamo bisogno, oltre ai sandbox dell'applicazione, per i quali i dati appartengono già a un'app oauth2 senza fare confusione con gli ACL.
Kain

6

Dalle pagine della guida di google drive :

Per ospitare una pagina Web con Drive:

  1. Apri Drive su drive.google.com e seleziona un file.
  2. Fai clic sul pulsante Condividi nella parte superiore della pagina.
  3. Fai clic su Avanzate nell'angolo in basso a destra della casella di condivisione.
  4. Fai clic su Modifica ....
  5. Scegli Attivo - Pubblico sul Web e fai clic su Salva.
  6. Prima di chiudere la casella di condivisione, copia l'ID documento dall'URL nel campo sotto "Link per condividere". L'ID documento è una stringa di lettere maiuscole e minuscole e numeri tra le barre nell'URL.
  7. Condividi l'URL che assomiglia a "www.googledrive.com/host/[doc id] dove [ID documento] è sostituito dall'ID documento che hai copiato nel passaggio 6.

Chiunque può ora visualizzare la tua pagina web.


5

Alcuni degli utenti precedenti erano vicini, ma mancava un passaggio qua o là.

Ecco un video che mostra tutti i passaggi.

(Modifica 2-dic-14
Le informazioni di seguito sono errate quando si tratta del nuovo Google Drive. Per il nuovo Google Drive seguire queste istruzioni.
Esistono due opzioni che è possibile utilizzare,
opzione 1 è possibile fare clic sull'ingranaggio in alto a destra e ripristina la vecchia unità di Google, se ripristini, utilizza le istruzioni dopo "Fine modifica)".
Opzione 2 oppure puoi seguire il lavoro che ho trovato. Se trovo un modo migliore di questo, lo aggiornerò, ma ecco cosa ho scoperto che funziona.


Il link completo sarà simile a questo " https://googledrive.com/host/( ID cartella ) La prima
parte del link di cui hai bisogno è" https://googledrive.com/host/ "per la seconda metà che ti servirà per passare al file che desideri condividere.
Una volta che sei nella cartella con il file che desideri condividere, guarda il link sopra
(Esempio 1 https://drive.google.com/drive/u/0/ # cartelle / 0B3UALYkiLexYSXZlcldoU2NpYXM )
(Esempio 2 https://drive.google.com/drive/u/0/#folders/0B3UALYkiLexYSXZlcldoU2NpYXM/0B3UALYkiLexYRkNnOVhsUVozRU0 )
In entrambi questi esempi precedenti, l '"ID cartella" necessario per la condivisione è l'ultimo gruppo di lettere e numeri dopo "/", quindi nell'esempio uno, è "0B3UALYkiLexYSXZlcldoU2NpYXM" nell'esempio due è "0B3UALYkiLexYRkNnOVhsUVozRU0"

Negli esempi Ho usato, l'esempio 1 era una cartella sul mio disco, e l'esempio 2 era una cartella all'interno di quella prima, ecco perché ha l'intero primo collegamento prima del secondo.
Abbiamo solo bisogno della sezione dopo il "/" più a destra.


Quindi ora che hai il tuo "ID cartella", prendi la formula sopra " https://googledrive.com/host/( ID cartella )"
Esempio 1 https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM
Esempio 2 https: // googledrive.com/host/0B3UALYkiLexYRkNnOVhsUVozRU0


Bene, ora che hai questo link, aprilo in una nuova pagina. Ti indirizzerà alla cartella condivisa. Una volta lì puoi fare clic con il pulsante destro del mouse su qualsiasi file e selezionare "Copia indirizzo link" oppure puoi fare clic su qualsiasi file in quella cartella e ti porterà all'immagine ospitata, l'URL nella parte superiore della pagina è l'URL di hosting.


Questo è il modo in cui lo fai. È abbastanza fastidioso e personalmente sembra molto più semplice tornare al vecchio drive di Google.


Proverò a fare un nuovo video tutorial APPENA POSSIBILE


Fammi sapere se questo non funziona per te e quale problema stai riscontrando.


Fine modifica)

https://www.youtube.com/watch?v=QmN22LMPdDk&feature=youtu.be

Oppure puoi semplicemente seguire quelli scritti qui sotto.

Queste immagini vanno con quelle elencate nei passaggi.

https://googledrive.com/host/0B3UALYkiLexYSXZlcldoU2NpYXM/

  1. Crea una cartella sul tuo Google Drive che desideri utilizzare per condividere le immagini.

  2. Seleziona quella cartella e vai alle opzioni di condivisione. Modifica le opzioni "Chi ha accesso" da "Persone specifiche" a "Pubblico sul Web" Tutte le immagini inserite nella cartella avranno un link di hosting su di esse mostrato al passaggio 4

    (Immagini: Change Folder Option.png , Cambia cartella opzione 2.png e Cambia cartella opzione 3.png )

  3. posizionare un'immagine in quella cartella.

  4. seleziona l'immagine che desideri condividere e guarda la sezione dei dettagli (di solito sul lato destro) per una sezione chiamata "Hosting" dovresti trovare un link che inizia con

    "googledrive.com/host/( numeri casuali e cifre che sono l'ID per quella cartella) / (nome file)"

    Usa quel link per condividere le tue immagini. È possibile utilizzare quel collegamento per incorporarli in altri siti Web.

    (Immagini: Cambia opzione cartella 4.png e Cambia opzione cartella share.png )


2

Vetea, se prendi il link dall'URL dell'immagine, non funziona, ma se lo prendi dal campo "Link diretto" dovrebbe funzionare. L'ho usato e testato in più occasioni.


2

La soluzione fornita da Niutech ha funzionato per me, ad es

http://googledrive.com/host/<folderID>/<filename>

Ma ci sono 2 problemi in sospeso

  1. Non puoi avere 2 file con lo stesso nome nella stessa cartella nell'unità, altrimenti questo link non funzionerà.

  2. Non è ancora chiaro, ma sembra che Google stia pianificando di deprecare l'hosting di immagini tramite unità. si prega di consultare il link qui sotto. https://support.google.com/richmedia/answer/6098968?hl=en


Google non ha indicato alcuna sequenza temporale su quando sarà deprecato? Avevo intenzione di integrare questo con il mio sito Web, ma non sono così sicuro dopo aver letto questo!
Shikhar,


2

Specificamente per gli utenti di G-Suite. Come riportato al punto 3 qui , è possibile utilizzare questo URL per l'hosting dell'immagine

https://drive.google.com/a/domain.com/thumbnail?id=imageID

con le seguenti sostituzioni

  • domain: sostituisci con il dominio GSuite della tua azienda come pikachu
  • imageID: sostituisci con l'ID immagine / ID file

Il prerequisito qui è che l'immagine avrebbe dovuto essere condivisa tramite l'unità al pubblico di destinazione (o con ogni persona individualmente o forse all'interno dell'organizzazione)

inserisci qui la descrizione dell'immagine


In caso di problemi con le dimensioni dell'immagine renderizzata, utilizzare le seguenti opzioni come indicato qui

https://drive.google.com/a/domain.com/thumbnail?id=imageID&sz=w{width}-h{height}

con le seguenti sostituzioni (in aggiunta domaine in imageIDsostituzione)

  • {width}: scrivi la larghezza in pixel (senza parentesi graffe) come 300
  • {height}: scrivi l'altezza in pixel (senza parentesi graffe) come 200

1

Esiste un'opzione di tipo di file nell'API di Google Drive. Potresti, forse, verificare se si risolve in un'immagine valida. Vorrei esaminare un'opzione in cui se il tipo di file mi dà un'immagine non valida, quindi ottenere un nuovo URL diretto per il file. Non ho capito esattamente come farlo, ma forse è un percorso da provare.


1

Puoi farlo direttamente da Drive & Gmail. Ecco come:

1.Carica un'immagine su Google Drive e imposta le autorizzazioni per la visualizzazione (può essere pubblica O chiunque con link)

  1. Vai a Gmail> Componi. Seleziona + accanto all'icona dell'allegato.

  2. Seleziona icona unità (forma triangolare)

  3. Passare all'immagine e fare clic con il pulsante destro del mouse sull'URL dell'immagine di copia

  4. Incollare nel browser Web o incorporare le pagine Web in base alle esigenze.


Questo ti dà solo un link all'intero documento. Non ha senso farlo; hai già l'URL del documento durante la modifica o la visualizzazione. Gente, smettete di pubblicare risposte su come trovare l'URL del documento! Conosciamo già il suo URL.
Phil Goetz,

1

1.Cambia le impostazioni della tua foto al pubblico.

2. Ottieni il suo link condivisibile.

3.Accedere a questo sito Web e generare un collegamento per il download diretto.

Ha funzionato per me!


1

Soluzione facile

Tutto quello che devi fare è aprire il tuo file:

Immagine della montagna su Google Drive

Quindi, accedi al tuo ispettore web (per Chrome Cmd-Shift-Io in Ctrl-Shift-Ibase al tuo sistema operativo) e ottieni il collegamento. Fatto!

Immagine del collegamento per l'immagine mostrata nella finestra di ispezione web

Il collegamento funziona, provalo proprio qui .


0

Con può disabilitare javascript nel tuo browser, aprire il file di immagine e nella sorgente della pagina di visualizzazione o fare clic con il tasto destro sull'immagine, vedrai il link dell'immagine. (controlla la preferenza di condivisione prima)


Sarebbe un bel trucco, ma se disabiliti javascript e provi ad aprire un documento google, ricevi il messaggio "JavaScript non è abilitato nel tuo browser, quindi questo file non può essere aperto. Abilita e ricarica".
Phil Goetz,


0

Titolo della funzione: goobox

tag: hosting di immagini, regex, URL, google drive, dropbox, avanzato

  • return: string, restituisce un URL stringa che può essere utilizzato direttamente come origine di un'immagine.
  • quando si ospita un'immagine su Google Drive o Dropbox non è possibile utilizzare l'URL diretto del file per essere una fonte di immagini.
  • è necessario apportare modifiche a questo URL per utilizzarlo direttamente come fonte di immagine.
  • goobox() prenderà l'URL del file di immagine e lo modificherà per utilizzarlo direttamente come fonte di immagine.
  • Importante: devi prima verificare le autorizzazioni dei tuoi file e se è pubblico.
  • esempio live: https://ybmex.csb.app/
cconst goobox = (url)=>{

    let dropbox_regex = /(http(s)*:\/\/)*(www\.)*(dropbox.com)/;
    let drive_regex =/(http(s)*:\/\/)*(www\.)*(drive.google.com\/file\/d\/)/;

    if(url.match(dropbox_regex)){
       return url.replace(/(http(s)*:\/\/)*(www\.)*/, "https://dl.");
    }
    if(url.match(drive_regex)){
        return `https://drive.google.com/uc?id=${url.replace(drive_regex, "").match(/[\w]*\//)[0].replace(/\//,"")}`;
    }
    return console.error('Wrong URL, not a vlid drobox or google drive url');
}
let url = 'https://drive.google.com/file/d/1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV/view' 

goobox(URL); //  https://drive.google.com/uc?id=1PiCWHIwyQWrn4YxatPZDkB8EfegRIkIV 

-3

Tuttavia questa risposta è semplice, infatti molto semplice e molti ne hanno parlato che ha semplicemente messo l'id dell'immagine nel seguente link https://drive.google.com/uc?export=view&id= {fileId}

Ma per quanto facile sia, ho creato uno script da eseguire nella console. Inserisci una serie di link condivisibili completi da Google Drive e convertili nel link sopra. Quindi possono essere semplicemente usati come indirizzi statici.

array = ['https://drive.google.com/open?id=0B8kNn6zsgGEtUE5FaGNtcEthNWc','https://drive.google.com/open?id=0B8kNn6zsgGEtM2traVppYkhsV2s','https://drive.google.com/open?id=0B8kNn6zsgGEtNHgzT2x0MThJUlE']

function separateDriveImageId(arr) {
for (n=0;n<arr.length;n++){

str = arr[n]

for(i=0;i<str.length;i++){
if( str.charAt(i)== '=' ){
var num = i+1;
var extrctdStrng = str.substr(num)

}
}
console.log('https://drive.google.com/uc?export=view&id='+extrctdStrng)
window.open('https://drive.google.com/uc?export=view&id='+extrctdStrng,'_blank')
}


}
separateDriveImageId(array)

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.