uni-app 实现安卓和IOS系统读取照片exif信息功能

在uni-app中读取照片EXIF（Exchangeable Image File Format）信息，可以通过调用原生插件或者利用第三方库来实现。由于uni-app本身不直接提供EXIF读取功能，我们需要借助一些额外的工具。以下是一个利用exif-js库来实现读取照片EXIF信息的示例。

首先，确保你的项目中已经安装了exif-js库。你可以通过以下命令安装（如果使用的是HBuilderX，可以直接在插件市场搜索并安装）：

npm install exif-js --save

然后，在你的uni-app项目中，你可以通过以下步骤实现读取照片EXIF信息的功能。

1. 页面布局：创建一个简单的页面布局，用于选择并显示图片。

<template>
  <view>
    <button @click="chooseImage">选择图片</button>
    <image :src="imageSrc" v-if="imageSrc" style="width: 300px; height: auto;"></image>
    <view v-if="exifData">
      <text>EXIF信息:</text>
      <text>{{ exifData }}</text>
    </view>
  </view>
</template>

1. 脚本逻辑：在脚本部分，实现选择图片并读取EXIF信息的逻辑。

<script>
import EXIF from 'exif-js';

export default {
  data() {
    return {
      imageSrc: '',
      exifData: ''
    };
  },
  methods: {
    chooseImage() {
      uni.chooseImage({
        count: 1,
        success: (res) => {
          const tempFilePaths = res.tempFilePaths;
          this.imageSrc = tempFilePaths[0];
          this.readExif(tempFilePaths[0]);
        }
      });
    },
    readExif(filePath) {
      uni.getImageInfo({
        src: filePath,
        success: (res) => {
          const imageSrc = res.path; // 本地文件路径
          uni.getFileSystemManager().readFile({
            filePath: imageSrc,
            encoding: 'base64',
            success: (data) => {
              const imageBase64 = data.data;
              const img = new Image();
              img.src = `data:${res.type};base64,${imageBase64}`;
              img.onload = () => {
                EXIF.getData(img, () => {
                  const allMetaData = EXIF.getAllTags(this);
                  this.exifData = JSON.stringify(allMetaData, null, 2);
                });
              };
            },
            fail: (err) => {
              console.error('读取文件失败', err);
            }
          });
        },
        fail: (err) => {
          console.error('获取图片信息失败', err);
        }
      });
    }
  }
};
</script>

1. 样式：根据需要添加一些样式（可选）。

<style scoped>
button {
  margin: 20px;
}
image {
  margin-top: 20px;
}
</style>

以上代码展示了如何在uni-app中通过选择图片并读取其EXIF信息。注意，由于exif-js需要DOM环境来加载图片，因此我们通过uni.getImageInfo获取本地路径，然后使用uni.getFileSystemManager().readFile读取文件内容，转换为base64格式后再加载图片并读取EXIF信息。