Javascript html - EXIF da jpg con link a google maps

di il
1 risposte

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

  • 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