Accès aux données de rotation JPEG EXIF en JavaScript côté client

Question

J'aimerais faire pivoter les photos en fonction de leur rotation d'origine, telle que définie par l'appareil photo dans les données d'image JPEG EXIF. L'astuce est que tout cela doit se produire dans le navigateur, en utilisant JavaScript et <canvas> .

Comment JavaScript pourrait-il accéder à JPEG, un objet API de fichier local, des données <img> locales ou distantes <img> , EXIF pour lire les informations de rotation ?

Les réponses côté serveur ne sont pas correctes ; Je recherche une solution côté client.

Answer 1

Vous pouvez utiliser la bibliothèque exif-js en combinaison avec l'API de fichier HTML5 : http://jsfiddle.net/xQnMd/1/ .

 $("input").change(function() {
    var file = this.files[0];  // file
        fr   = new FileReader; // to read file contents

    fr.onloadend = function() {
        // get EXIF data
        var exif = EXIF.readFromBinaryFile(new BinaryFile(this.result));

        // alert a value
        alert(exif.Make);
    };

    fr.readAsBinaryString(file); // read the file
});