获取 EXIF 信息中的位置信息和拍摄时间。

最新推荐文章于 2023-10-27 11:42:12 发布

原创最新推荐文章于 2023-10-27 11:42:12 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #exif

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何通过 JavaScript 安装和使用 EXIF 库来读取图片的 EXIF 数据，包括地理位置和拍摄时间等关键信息。

安装 exif 依赖包：

npm install exif-js --save

使用到的函数：

/**
 * 获取图片 exif 信息
 * image: Image
**/
export const getExifFromFile = async (image: any) => {
  return new Promise(resolve => {
    EXIF.getData(image, () => {
      const gpsLatitude = EXIF.getTag(image, 'GPSLatitude');
      const gpsLongitude = EXIF.getTag(image, 'GPSLongitude');
      const dateTime = EXIF.getTag(image, 'DateTime');
      let shootTime = null;
      let latitude = null;
      let longitude = null;
      if (gpsLatitude && gpsLongitude && dateTime) {
        latitude = changeToDu(gpsLatitude[0], gpsLatitude[1], gpsLatitude[2]);
        longitude = changeToDu(gpsLongitude[0], gpsLongitude[1], gpsLongitude[2]);
        shootTime = setCharAt(EXIF.getTag(image, 'DateTime'), [4, 7], '-');
      }
      resolve({ shootTime, latitude, longitude });
    });
  });
};
/**
 * 度分秒转度
**/
export const changeToDu = (h: any, m: any, s: any) => {
  const f = parseFloat(m) + parseFloat((s / 60).toString());
  return parseFloat((f / 60).toString()) + parseFloat(h);
};
/**
 * 替换字符串中指定字符
**/
export const setCharAt = (str: string, indexList: Array<number>, chr: string) => {
  let returnStr: string = str;
  for (let i = 0; i < indexList.length; i++) {
    if (indexList[i] < returnStr.length) {
      returnStr = returnStr.substr(0, indexList[i]) + chr + returnStr.substr(indexList[i] + 1);
    }
  }
  return returnStr;
};