Javascript html - EXIF da jpg con link a google maps

di
Rillo
il
1 risposte
R
Rillo
Pochi posts
Iscritto da
mar, 2013
Messaggi:
6

Javascript html - EXIF da jpg con link a google maps

Ciao a tutti, ho trovato questo bellissima demo .js scaricabile da qui:



Funziona anche in locale e permette selezionando un file tramite la pagina html di ottenere tutte le informazioni exif compreso il link per Google maps.
L'unico problema è che io NON devo selezionare il file, perché le immagini sono già sul server.
Secondo voi è possibile modificare la pagina html qui sotto:
<!DOCTYPE html>
<html id="dropbox" lang="en">

<head>
  <meta charset="UTF-8">
  <title>JsJpegMeta Demo</title>
  <script type="text/javascript" src="jpegmeta.js"></script>
  <script type="text/javascript" src="demo.js"></script>
</head>

<body>
  <h1>JsJpegMeta Demo</h1>
  <form id="form" action="javascript:void(0)">
    <p>Choose JPEG file: <input id="fileWidget" type="file"></p>
  </form>
  <img id="img" height="100" alt="Image preview" src="">
  <div id="status"></div>
</body>
In modo da avere già il mio url nel campo di imput? E dover solo premere il tasto senza dovermi andare a cercare il file?

In pratica devo dare la possibilità all'utente che consulta le foto di premere un tasto e avere il link a Google maps con il luogo dove è stata scattata la foto. (cosa che questa demo già fa)

E già da qualche giorno che brancolo nel buio , purtroppo di javascript non ne so molto poco...

Grazie

1 Risposte

  • V
    vag_lucas
    Pochi posts
    Iscritto da
    ago, 2016
    Messaggi:
    2

    Re: Javascript html - EXIF da jpg con link a google maps

    Ciao,Ho avuto questa sfida, ed è stato un po 'difficile da risolvere.
    questa funzione trasforma un elemento HTML in una immagine, io trasformo la DIV HTML che contiene il maps, in una immagine 
          
        function saveMapToDataUrl() {
            console.log("save map img")
            var element = $("#dvContainer");
            html2canvas(element, {
                useCORS: true,
                onrendered: function (canvas) {

                    //document.getElementById("arquivo").value = dataUrl;
                    var dataUrl = canvas.toDataURL("image/png");


                    // Eg. write it to the page
                    document.getElementById("imagem").innerHTML = '<br />'
                    document.getElementById("imagem").innerHTML = '<hr>'
                    document.getElementById("imagem").innerHTML = '<img src="' + dataUrl + '"/>';
                    document.getElementById("imagem").innerHTML = '<a download="' + document.getElementById("fcei").value + '" href="' + dataUrl + '">Salvar Imagem</a>';

                }
            });
        }
Devi accedere o registrarti per scrivere nel forum
1 risposte