开发WebApp时如何在iPhone上传图片前提取其闪光灯状态？

针对iPhone上传图片前EXIF被剥离的问题，以下是两种可行的实现思路：

1. 读取本地文件原始EXIF数据 #

用户选择图片后，在触发上传操作前，通过FileReader读取文件的原始二进制数据，再借助EXIF解析库提取闪光灯状态。这种方法能绕过浏览器上传时的EXIF剥离操作，直接获取图片原始元数据。

示例代码（使用exif-js库）：

document.getElementById('image-input').addEventListener('change', function(e) {
  const file = e.target.files[0];
  if (!file) return;

  EXIF.getData(file, function() {
    // 闪光灯状态对应的EXIF标签编号为0x9209
    const flashStatus = EXIF.getTag(this, 'Flash');
    // 解析状态值：0=未使用，1=使用，5=强制闪光开启，7=强制闪光关闭等（具体对应值参考EXIF标准）
    console.log('闪光灯状态:', flashStatus);
    // 此处可将状态暂存，后续随图片一起上传
  });
});

注意：需确保引入exif-js库，且部分经过iOS相册编辑的图片可能已丢失原始EXIF，需提前告知用户场景限制。

2. 直接调用相机拍照获取元数据 #

如果WebApp支持直接调用iPhone相机拍摄照片，可使用ImageCaptureAPI获取拍摄时的闪光灯状态，无需依赖图片文件的EXIF。

示例代码：

async function capturePhotoWithFlashStatus() {
  const stream = await navigator.mediaDevices.getUserMedia({ video: true });
  const videoTrack = stream.getVideoTracks()[0];
  const imageCapture = new ImageCapture(videoTrack);
  
  // 获取照片元数据
  const photoMetadata = await imageCapture.getPhotoCapabilities();
  // 查看闪光灯支持状态，拍摄时可记录是否启用闪光灯
  const isFlashSupported = photoMetadata.flash.mode.includes('on');
  
  // 拍摄照片
  const blob = await imageCapture.takePhoto();
  // 此处可将闪光灯状态与照片Blob一起处理
  console.log('拍摄时闪光灯是否可用:', isFlashSupported);
}

注意：该方法需要用户授权相机权限，且ImageCaptureAPI在部分旧版本iOS Safari中兼容性有限，需做好降级处理。

内容的提问来源于stack exchange，提问作者AdamXiaotCao