Bagaimana untuk Mengakses Bahagian Pelanggan Data Putaran JPEG EXIF ​​dalam JavaScript?

Mengakses JPEG EXIF ​​Putaran Data Client-Side dalam JavaScript

Apabila berurusan dengan imej JPEG, mengakses data putaran EXIF ​​boleh terbukti tidak ternilai untuk mempersembahkan foto dalam orientasi yang betul. Untuk mencapai bahagian pelanggan ini, JavaScript menyediakan penyelesaian yang mudah.

Satu pendekatan ialah menggunakan API FileReader JavaScript. Dengan membaca fail JPEG sebagai ArrayBuffer, anda boleh mengakses data EXIF ​​sebagai aliran binari. Menggunakan objek DataView, menghuraikan strim untuk mengekstrak teg orientasi.

Berikut ialah coretan yang menunjukkan pendekatan ini:

<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>

Sebagai alternatif, jika anda hanya memerlukan teg orientasi, teg orientasi yang lebih cekap pendekatan melibatkan pengekstrakan terus teg tanpa menghuraikan keseluruhan data EXIF. Ini boleh dicapai dengan kod berikut:

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

Dengan melaksanakan penyelesaian sebelah klien ini, anda boleh mengakses data putaran JPEG EXIF ​​​​dengan mudah, membolehkan anda memaparkan foto dalam orientasi yang dimaksudkan terus dalam penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Bahagian Pelanggan Data Putaran JPEG EXIF ​​dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!