使用Next.js时，无需外部API如何获取图片拍摄日期？

针对你用预签名URL上传S3后无法获取图片拍摄日期的问题，有几个无需依赖外部Express API的可行方案：

1. 客户端提前提取EXIF并存入MongoDB #

在用户选择图片上传前，直接在前端用JS库读取图片的EXIF元数据，把拍摄日期提取出来，和图片的S3存储信息一起写入MongoDB。

实现步骤： #

• 安装轻量EXIF处理库：

  npm install exifr
  

• 在Next.js上传组件中处理逻辑：

  import exifr from 'exifr';
  
  const handleFileSelect = async (e) => {
    const file = e.target.files[0];
    if (!file) return;
  
    // 提取拍摄日期，兼容无EXIF的情况
    let captureDate;
    try {
      const exifData = await exifr.parse(file);
      captureDate = exifData.DateTimeOriginal || file.lastModified;
    } catch (err) {
      captureDate = file.lastModified;
    }
  
    // 调用你的预签名URL生成接口
    const presignedUrl = await fetch('/api/get-presigned-url', {
      method: 'POST',
      body: JSON.stringify({ fileName: file.name })
    }).then(res => res.json());
  
    // 上传图片到S3
    await fetch(presignedUrl, {
      method: 'PUT',
      body: file,
      headers: { 'Content-Type': file.type }
    });
  
    // 将元数据存入MongoDB
    await fetch('/api/save-photo-meta', {
      method: 'POST',
      body: JSON.stringify({
        s3Key: 'your-s3-object-key',
        captureDate,
        fileName: file.name
      })
    });
  };
  

• 优势：上传流程同步处理元数据，无需额外后端任务，延迟低。
• 注意：无EXIF的图片（如截图、网络图片）只能 fallback 到客户端文件的lastModified，这个值比S3的LastModified更接近原始创建时间。

2. S3触发Lambda提取EXIF同步到MongoDB #

通过S3的对象创建事件触发Lambda函数，在后端自动提取图片EXIF并更新MongoDB。

实现步骤： #

1. 配置S3事件通知：在目标存储桶中设置新对象创建时触发指定Lambda函数。
2. 编写Lambda处理函数（Node.js环境）：

   const sharp = require('sharp');
   const { MongoClient } = require('mongodb');
   const AWS = require('aws-sdk');
   const s3 = new AWS.S3();
   
   const mongoClient = new MongoClient(process.env.MONGODB_URI);
   
   exports.handler = async (event) => {
     const s3Record = event.Records[0].s3;
     const bucket = s3Record.bucket.name;
     const objectKey = s3Record.object.key;
   
     // 从S3拉取图片文件
     const s3Object = await s3.getObject({ Bucket: bucket, Key: objectKey }).promise();
   
     // 提取EXIF中的拍摄日期
     const metadata = await sharp(s3Object.Body).metadata();
     const captureDate = metadata.exif?.DateTimeOriginal || new Date(s3Record.object.lastModified);
   
     // 更新MongoDB文档
     await mongoClient.connect();
     const db = mongoClient.db('your-db-name');
     await db.collection('photos').updateOne(
       { s3Key: objectKey },
       { $set: { captureDate } },
       { upsert: true }
     );
   
     await mongoClient.close();
     return { statusCode: 200 };
   };
   

3. 配置Lambda权限：确保Lambda拥有读取S3对象、访问MongoDB的IAM权限。

• 优势：无需修改前端代码，自动处理所有上传到S3的图片，适合批量同步历史图片。
• 注意：Lambda有内存（最大10GB）和超时（最多15分钟）限制，4K图片完全能覆盖，批量处理时注意并发设置。

3. 利用ImageKit的元数据提取功能 #

如果你已将S3配置为ImageKit的源存储，可以直接调用ImageKit的API获取图片元数据：

实现步骤： #

1. 初始化ImageKit客户端：

   const ImageKit = require("imagekit");
   
   const imagekit = new ImageKit({
     publicKey: "your-public-key",
     privateKey: "your-private-key",
     urlEndpoint: "your-url-endpoint"
   });
   

2. 获取图片拍摄日期并同步到MongoDB：

   const syncPhotoCaptureDate = async (imagePath) => {
     const metadata = await imagekit.getMetadata(imagePath);
     const captureDate = metadata.exif?.DateTimeOriginal;
   
     // 调用Next.js API或直接操作MongoDB更新数据
     await fetch('/api/update-photo-meta', {
       method: 'POST',
       body: JSON.stringify({
         s3Key: imagePath,
         captureDate
       })
     });
   };
   

• 优势：无需自己处理EXIF解析逻辑，同时可复用ImageKit的图片处理能力。

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