Comment accéder aux données de rotation JPEG EXIF ​​côté client en JavaScript ?

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

Lorsque vous traitez des images JPEG, l'accès aux données de rotation EXIF ​​peut s'avérer inestimable pour la présentation de photos dans leur bonne orientation. Pour y parvenir côté client, JavaScript fournit une solution simple.

Une approche consiste à utiliser l'API FileReader de JavaScript. En lisant le fichier JPEG en tant qu'ArrayBuffer, vous pouvez accéder aux données EXIF ​​​​sous forme de flux binaire. À l'aide d'un objet DataView, analysez le flux pour extraire la balise d'orientation.

Voici un extrait qui illustre cette approche :

<code class="javascript">function getOrientation(file, callback) {
  var reader = new FileReader();
  reader.onload = function(e) {
    var view = new DataView(e.target.result);
    ...
    // Parse EXIF data and extract orientation tag
    ...
    callback(orientation);
  };
  reader.readAsArrayBuffer(file);
}</code>

Alternativement, si vous n'avez besoin que de la balise d'orientation, une solution plus efficace L’approche implique d’extraire directement la balise sans analyser l’intégralité des données EXIF. Ceci peut être réalisé avec le code suivant :

<code class="javascript">function getOrientation(file, callback) {
  ...
  // Read orientation tag directly
  ...
  callback(orientation);
}</code>

En implémentant cette solution côté client, vous pouvez accéder sans effort aux données de rotation JPEG EXIF, vous permettant d'afficher les photos dans leur orientation prévue directement dans le navigateur.

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!