Discussion :

[idalurf]

Bonjour tout le monde !

J'essaie de récupérer les coordonnées d'une image pour google map API plus tard.
J'ai créé un fichier .js et un .html qui utilisent exif pour récupérer des informations
Voici mon code js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
window.onload=getExif;
 
function gotTag() {
        var make = EXIF.getTag(this, "Make");
        var model = EXIF.getTag(this, "Model");
        var makeAndModel = document.getElementById("makeAndModel");
        makeAndModel.innerHTML = `${make} ${model}`;
 
        var long = EXIF.getTag(this, "GPSLongitude");
        var lat = EXIF.getTag(this, "GPSLatitude");
        var coord = document.getElementById("coordo");
        coord.innerHTML = `${long} // ${lat}`;
}
 
function gotTagAll() {
        var allMetaData = EXIF.getAllTags(this);
        var allMetaDataSpan = document.getElementById("allMetaDataSpan");
        allMetaDataSpan.innerHTML = JSON.stringify(allMetaData, null, "\t");
}
 
function getExif() {
    var img1 = document.getElementById("img1");
    EXIF.getData(img1, gotTag);
    //var img2 = document.getElementById("img2");
    //EXIF.getData(img2, gotTagAll)
}
//var img1 = document.getElementById("img1");
//console.log(EXIF.getTag(img1,"Model"));

Je débute complètement en js et je suis pas trop sûr de tout tout bien comprendre mais ca marche et j'arrive a afficher les informations sur la page internet (grâce au inert)
Le problème c'est que je n'arrive pas à récupérer les informations pour les mettre dans une variable. A chaque fois que j'essaie de les manipuler, c'est undefined.
J'aimerais pouvoir utiliser ces données dans une autre fonctionne par exemple, les stocker pour les manipuler quoi
Est-ce que c'est clair ? Quelqu'un a une idée ?
Merci d'avance !

[headmax]

Salut, EXIF j'imagine que c'est une lib qui exploite la partie binaire de ton image à la recherche de ses métadonnées exploitation de la partie base64 "hexamifié" d'une image.
Dans ton exemple il y a pas de variable que tu affecte a une valeur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
`${make} ${model}`;
 `${long} // ${lat}`;

Ne sont pas valide en javascript pur (a moins d'une lib) si tu souhaite récupérer les variables de tes métadonnées il faut que tu passe de vrai variable tel que tu les as défini au dessus.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function gotTag() {
        var make = EXIF.getTag(this, "Make");
        var model = EXIF.getTag(this, "Model");
        var makeAndModel = document.getElementById("makeAndModel");
        makeAndModel.innerHTML = "<label>" + make + ":</label><span>" + model + "</span>";
 
        var long = EXIF.getTag(this, "GPSLongitude");
        var lat = EXIF.getTag(this, "GPSLatitude");
        var coord = document.getElementById("coordo");
        coord.innerHTML = "<label>" + long + ":</label><span>" + lat + "</span>";
}