Maison  >  Article  >  interface Web  >  Comment accéder aux données de rotation JPEG EXIF ​​en JavaScript ?

Comment accéder aux données de rotation JPEG EXIF ​​en JavaScript ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-02 19:15:02701parcourir

How to Access JPEG EXIF Rotation Data in JavaScript?

Accès aux données de rotation JPEG EXIF ​​dans JavaScript côté navigateur

Lorsque vous travaillez avec des images JPEG, il est souvent souhaitable de conserver leurs informations d'orientation d'origine capturées par la caméra. Ces données sont stockées dans le composant EXIF ​​des fichiers JPEG. Pour accéder à ces données côté client à l'aide de JavaScript, il y a quelques étapes à suivre :

  1. Lire le fichier JPEG :

    • Utilisez l'API FileReader pour lire le fichier JPEG local ou le récupérer à partir d'une source distante lorsqu'il est déjà chargé en tant qu'élément d'image ().
  2. Analyser les données EXIF :

    • Une fois le fichier lu, les données EXIF ​​peuvent être extraites en créant un objet DataView à partir du résultat.
    • Parcourez le DataView jusqu'à ce que le L'en-tête EXIF ​​(0xFFE1) est trouvé.
  3. Trouver la balise d'orientation :

    • Analyser les données EXIF ​​pour localiser le Balise d'orientation (0x0112). La valeur de la balise représente la rotation requise en degrés.

Voici un exemple d'extrait de code JavaScript qui effectue ces étapes :

<code class="javascript">function getOrientation(file, callback) {
    var reader = new FileReader();
    reader.onload = function(e) {
        var view = new DataView(e.target.result);
        var orientation = -1;
        if (view.getUint16(0, false) == 0xFFD8) {
            var length = view.byteLength, offset = 2;
            while (offset < length) {
                var marker = view.getUint16(offset, false);
                if (marker == 0xFFE1) {
                    orientation = view.getUint16(offset + (i * 12) + 8, little);
                    break;
                }
                else if ((marker &amp; 0xFF00) != 0xFF00) {
                    break;
                }
                else {
                    offset += view.getUint16(offset, false);
                }
            }
        }
        callback(orientation);
    };
    reader.readAsArrayBuffer(file);
}</code>

Ce code nécessite un fichier élément d’entrée pour sélectionner le fichier JPEG. La fonction getOrientation peut ensuite être appelée avec l'objet fichier pour récupérer la valeur d'orientation, qui peut être utilisée pour faire pivoter l'image en conséquence.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn