Node.js中Parse Server获取图片尺寸宽高反转问题及替代方案咨询

这个问题的核心元凶是图片的EXIF方向元数据！

当你用手机竖屏拍摄照片时，很多设备为了节省存储或保持拍摄效率，会将图片以横屏的像素格式存储，但在图片的EXIF（可交换图像文件格式）元数据中添加一个Orientation标签（常见值比如6代表顺时针旋转90度、8代表逆时针旋转90度）。这个标签的作用是告诉图片查看器/应用：“你需要把我旋转到对应方向才能正确显示”。

而你使用的parse-image模块，大概率没有自动处理这个EXIF方向信息——它读取的是图片像素数据的原始宽高，而非经过方向修正后的视觉显示宽高。比如一张竖拍的照片，原始像素是横的（宽>高），但EXIF标记了要旋转90度，此时视觉上的宽高应该是原始的高和宽，但parse-image直接返回了原始像素的宽高，就出现了你看到的宽高反转情况。

这里给你推荐几个在Node.js环境下处理图片（包括正确解析EXIF方向）的成熟模块：

• sharp：这是目前Node.js生态中性能最优的图片处理库之一，基于libvips实现，默认会自动根据EXIF的Orientation标签修正图片的方向和宽高，API简洁易用，还支持图片压缩、格式转换等多种功能。
• jimp：纯JavaScript实现的图片处理库，无需依赖任何外部工具（比如ImageMagick），可以解析EXIF元数据并手动处理方向修正，适合对环境依赖要求严格的场景。
• exif-parser：如果只需要单独解析EXIF信息，自己手动修正宽高，这个轻量级库就很合适。你可以通过它获取Orientation值，然后根据不同的方向值来交换宽高（比如Orientation为6或8时，交换width和height）。

把你的storeImageDimensions函数改成下面这样，就能拿到正确的宽高了：

var storeImageDimensions = async function(postObject) {
  var imageFile = postObject.get("imageLowQuality");
  try {
    // 先获取图片字节数据
    const response = await Parse.Cloud.httpRequest({ url: imageFile.url() });
    // 引入sharp模块
    const sharp = require('sharp');
    // 获取图片元数据（已经自动处理EXIF方向）
    const metadata = await sharp(response.buffer).metadata();
    // 组装正确的宽高
    const imageDimensions = {
      width: metadata.width,
      height: metadata.height
    };
    // 保存到postObject
    postObject.set("imageDimensions", imageDimensions);
    await postObject.save(null, { useMasterKey: true });
  } catch (error) {
    console.error('处理图片或保存数据失败:', error);
  }
};

注意：使用async/await需要确保你的Parse Server环境支持ES6+语法，现在主流的Parse Server版本都已经支持了。

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