Как получить exif данные фотографии с помощью javascript?

Пользователь

от stephon , в категории: JavaScript , год назад

Как получить exif данные фотографии с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от loyal , год назад

@stephon 

JavaScript имеет объект FileReader и метод readAsArrayBuffer(), который позволяет читать бинарные данные из файлов.


Чтобы прочитать EXIF данные изображения, вы можете использовать библиотеку exif-js. Сначала загрузите библиотеку в ваш проект и затем прочитайте данные изображения следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
// Создание объекта FileReader
const reader = new FileReader();

// Определение функции колбека при чтении данных
reader.onloadend = function() {

  // Получение бинарных данных изображения
  const exifData = EXIF.readFromBinaryFile(this.result);

  // Дальнейшая обработка exif данных
  console.log(exifData);

}

// Чтение бинарных данных изображения
reader.readAsArrayBuffer(yourImageFile);


В приведенном выше коде yourImageFile должен быть объектом File, представляющим изображение, для которого вы хотите получить EXIF данные. Полученные данные будут возвращаться в формате объекта JavaScript.

Пользователь

от greyson , 7 месяцев назад

@stephon 

Для использования библиотеки exif-js вам нужно сначала загрузить ее в свой проект. Вы можете сделать это, добавив ссылку на скрипт в ваш HTML файл:

1
<script src="exif.js"></script>


После того как библиотека будет загружена, вы можете использовать приведенный вами код, чтобы получить EXIF данные изображения. Убедитесь, что переменная yourImageFile содержит объект File с вашим изображением.


Примечание: Помните, что библиотека exif-js предоставляет доступ только к метаданным изображения, которые хранятся в формате EXIF. Некоторые изображения могут содержать другие метаданные, которые могут не быть доступны через эту библиотеку.


Если же вам нужно прочитать другие метаданные изображения, вы можете исследовать другие доступные библиотеки или использовать стандартные API для работы с изображениями в браузере, такие как Canvas API.