HTML / Javascript Accéder aux données EXIF ​​avant le téléchargement du fichier

Je suis en train d'extraire EXIF de données à partir d'une image(jpeg) qui a été traîné dans le navigateur ou a été sélectionné par l'intermédiaire d'un fichier html de l'élément d'entrée.

J'ai réussi à visualiser l'image dans le navigateur à l'aide de FileReader and FileReader.readAsDataURL
comme décrit ici.

et j'ai trouvé un EXIF de la bibliothèque qui permet d'extraire les données EXIF d'une image via javascript. Mais pour moi, il ne fonctionne que si je l'utilise avec la normale img balises qui charge leur contenu sur une URL.

J'ai aussi trouvé cette question sur StackOverflow où l'on a accepté la réponse des états que c'est juste pas possible.

Mais je suis assez sûr qu'il peut être réalisé en raison 500px.com extrait les données EXIF immédiatement après qu'un fichier est ajouté pour télécharger et avant que le téléchargement est terminé.

Quelques idées de la façon dont il devrait être possible d'extraire les données EXIF de l'image encodée en base64-je obtenir de l'FileReader?

source d'informationauteur alex

  1. 14

    J'ai enfin trouvé un solution pour le problème:

    1. Lire le fichier à l'aide de la FileReader et la méthode .readAsBinaryString
    2. Puis envelopper cette chaîne binaire dans un BinaryFile objet qui est déjà inclus dans le EXIF de la Bibliothèque
    3. Enfin appeler EXIF.readFromBinaryFile(binaryFileObject);

    et de son fait 🙂

  2. 4

    jQuery-fileExif bibliothèque javascript lit les données exif de l'image avant de le télécharger.

    GitHub lienexemple jsfiddle à partir de la bibliothèque.

    var someCallback = function(exifObject) {

    $('#cameraModel').val(exifObject.Model);
    $('#lat').val(exifObject.GPSLatitude);
    $('#lng').val(exifObject.GPSLongitude);
    //Uncomment the line below to examine the
    //EXIF object in console to read other values
    //console.log(exifObject);

  }

      try {
        $('#file').change(function() {
            $(this).fileExif(someCallback);
        });
      }
      catch (e) {
        alert(e);
      }
  3. 3

    Ont un oeil sur le code de la FxIF extension firefox. Il lit les données exif à l'aide de JavaScript. Pour lire le contenu du fichier, vous pouvez utiliser le FileReader API des navigateurs modernes.