1

我有一个“大”的问题。
我使用agile-uploader上传多张图片，这个组件调整所有图片的大小（效果很好）但是这样做我会丢失exif数据。
我可以使用 JS 在客户端读取 exif 数据吗？鉴于这不是同名域。

4

1 回答 1

0

是的。有一个新的库exifr可以做到这一点。它是一个维护的、积极开发的库，专注于性能，适用于 nodejs 和浏览器。

从一个文件中提取 exif 的简单示例：

document.querySelector('#filepicker').addEventListener('change', async e => {
  let file = e.target.files[0]
  let exifData = await exif.parse(file)
  console.log('exifData', exifData)
})

从多个文件中提取 exif 的复杂示例：

document.querySelector('#filepicker').addEventListener('change', async e => {
    let files = Array.from(e.target.files)
    let promises = files.map(exif.parse)
    let exifs = await Promise.all(promises)
    let dates = exifs.map(exif => exif.DateTimeOriginal.toGMTString())
    console.log(`${files.length} photos taken on:`, dates)
})

您甚至可以提取嵌入在文件中的缩略图：

let img = document.querySelector("#thumb")
document.querySelector('input[type="file"]').addEventListener('change', async e => {
  let file = e.target.files[0]
  img.src = await exifr.thumbnailUrl(file)
})

您还可以试用图书馆的游乐场并试验图像及其输出，或查看存储库和文档。

于 2019-11-12T10:00:36.680 回答