Carica foto facendo clic sulla finestra del browser Web

Question

Ho cercato ovunque e non riesco a trovare una risposta a questo:

Attualmente sto lavorando con l'API Instagram.Ho tutto impostato in modo che gli utenti possano accedere e vedere tutte le loro foto.Ma sto creando un tipo di servizio di stampa fotografica per Instagram, quindi lo voglio in modo che quando l'utente fa clic sulla foto carica quella foto sul mio server.So come eseguire un caricamento PHP con un modulo HTML, ma questo è uno strano caso in cui una forma HTML non è utile per me.Immagino che sia fondamentalmente bisogno che l'immagine sia selezionata e funzioni anche come pulsante di invio allo stesso tempo?Non sono proprio sicuro, nessun aiuto sarebbe apprezzato!

Answer 1

Non ho familiarità con l'API Instagram, ma ha il suggerimento da gioco.Come ho controllato, con l'API Instagram, le foto vengono visualizzate nella tua pagina - quindi hai bisogno di alcuni JavaScript per ottenere gli URL, e l'immagine deve fungere da tasto di invio "<input type="image" src="...the image source here.." alt="Submit button" name="i1">" ....Il codice PHP sarebbe qualcosa del genere:

<?php



//original image

$img = $_GET["i1"];



//directory to copy to (must be CHMOD to 777)

$copydir = "/home/user/public_html/directory/";



$data = file_get_contents($img);

$file = fopen($copydir . "blah.gif", "w+");

fputs($file, $data);

fclose($file);



?>

.

Answer 2

Avere il link che fanno clic sul tuo server con l'URL dell'immagine in modo che possa essere scaricato

Answer 3

Risposta simile a Mike B, ma più arrossisce:

È possibile eseguire un modulo invisibile per ogni immagine sulla pagina.In ogni forma, avere un campo di input popolato con l'URL dell'immagine che si desidera inviare al sistema.Usa l'evento Fare clic su Immagine per inviare il modulo a cui appartiene.

Nel lato del server PHP il tuo script dovrebbe ricevere l'URL dell'immagine e apportare una richiesta per scaricarlo sul server.Puoi quindi fare ciò che vuoi con esso.

Questo è un modo.Posso pensare ad almeno altri due.

Aggiornamento: c'è una soluzione più semplice.Vedi il commento di Mike qui sotto.

Answer 4

Puoi mostrarci qualche codice per aiutarci a ottenere un'idea di come stai attualmente visuando le immagini?Suppongo che tu possa sempre fare qualcosa come <input type="submit" style="visibility: hidden;" /> e quindi aggiungere qualcosa come onClick=document.forms['NameOfThisForm'].submit(); al tag <img> contenente quella particolare immagine.In questo modo, avresti una forma per immagine, e potresti aggiungere ulteriori elementi nascosti per passare ulteriori informazioni al server, ad es.L'ID dell'immagine ha fatto clic all'utente.