uniapp如何使用plus读取图片exif信息

在uniapp中，如何使用plus API读取图片的EXIF信息？我尝试了plus.io和plus.gallery的方法，但都无法直接获取EXIF数据。请问有没有具体的示例代码或解决方案？是否需要引入额外的插件或库？

2 回复

在uniapp中，使用plus.io读取图片EXIF信息，需先通过plus.io.resolveLocalFileSystemURL获取文件对象，再使用plus.zip解压读取EXIF数据。注意：部分平台可能不支持直接读取，建议使用第三方插件如exif-js。


在 UniApp 中，使用 plus 接口读取图片的 EXIF 信息需要调用 HTML5+ 扩展 API，具体步骤如下：

  1. 获取图片文件路径：通过 plus.io 或文件选择 API 获取图片的本地路径。
  2. 使用 plus.zip 解析 EXIF：plus.zip 模块中的 getImageInfo 方法可以读取图片的 EXIF 数据。

示例代码：

// 选择图片（例如通过 uni.chooseImage）
uni.chooseImage({
  count: 1,
  success: (res) => {
    const tempFilePath = res.tempFilePaths[0];
    
    // 使用 plus.zip 读取 EXIF 信息
    plus.zip.getImageInfo({
      src: tempFilePath,
      success: (result) => {
        console.log('EXIF 信息:', result.exif);
        // 输出示例：{ Make: 'Apple', Model: 'iPhone X', ... }
      },
      fail: (error) => {
        console.error('读取 EXIF 失败:', error);
      }
    });
  }
});

注意事项：

  • 平台限制：仅支持 App 端（Android/iOS），H5 和小程序无法使用。
  • 权限配置：在 manifest.json 中确保已启用 Zip 模块：
    "app-plus": {
  "modules": {
    "Zip": {}
  }
}
  • EXIF 字段：返回的 EXIF 数据为键值对，常见字段包括 Make（设备品牌）、Model（型号）、DateTime（拍摄时间）等。

替代方案：

若需跨平台支持，可尝试前端 JS 库（如 exif-js），但仅限于 H5 环境，App 端仍需依赖 plus API。

此方法简单高效，适用于 UniApp 的 App 端快速获取图片元数据。

回到顶部