js获取照片信息

function getImageInfo(file) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    const reader = new FileReader();

    reader.onload = (e) => {
      img.src = e.target.result;
    };

    img.onload = () => {
      resolve({
        width: img.width,
        height: img.height,
        format: file.type,
        size: file.size,
      });
    };

    img.onerror = () => {
      reject(new Error('Failed to load image'));
    };

    reader.onerror = () => {
      reject(new Error('Failed to read file'));
    };

    reader.readAsDataURL(file);
  });
}

// 使用示例
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', async (event) => {
  const file = event.target.files[0];
  try {
    const info = await getImageInfo(file);
    console.log(info);
  } catch (error) {
    console.error(error);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js"></script>

function getImageExif(file) {
  return new Promise((resolve, reject) => {
    EXIF.getData(file, function() {
      const allMetaData = EXIF.getAllTags(this);
      resolve(allMetaData);
    });
  });
}

// 使用示例
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', async (event) => {
  const file = event.target.files[0];
  try {
    const exifData = await getImageExif(file);
    console.log(exifData);
  } catch (error) {
    console.error(error);
  }
});