为使用VueJS的用户显示图像EXIF

npm install vue-exif-reader --save

<template>
  <div>
    <img :src="imageUrl" @load="getImageEXIF" />
    <div v-if="exifData">
      <p>拍摄日期: {{ exifData.DateTime }}</p>
      <p>相机型号: {{ exifData.Make }} {{ exifData.Model }}</p>
      <p>曝光时间: {{ exifData.ExposureTime }}</p>
      <p>光圈值: {{ exifData.FNumber }}</p>
      <p>ISO感光度: {{ exifData.ISO }}</p>
    </div>
  </div>
</template>

<script>
import ExifReader from 'vue-exif-reader';

export default {
  data() {
    return {
      imageUrl: 'your_image_url',
      exifData: null
    };
  },
  methods: {
    getImageEXIF() {
      const reader = new FileReader();
      reader.onload = (event) => {
        const imageData = event.target.result;
        this.exifData = ExifReader.load(imageData);
      };
      reader.readAsArrayBuffer(this.imageUrl);
    }
  }
};
</script>