node后端将IOS上传的heic格式图片转换为jpg格式

不可L

已于 2023-07-11 16:41:57 修改

阅读量582

点赞数

文章标签： ios

于 2023-07-11 16:32:17 首次发布

本文链接：https://blog.csdn.net/baidu_39340547/article/details/131663030

版权

文章讲述了HEIC是iOS11及以上系统中默认的图片格式，它比JPG更节省空间且画质无损。由于兼容性问题，HEIC图片无法在某些平台打开。文章提供了一个使用node.js的heic-convert库结合multer中间件来处理上传的HEIC图片，将其转换为JPEG格式的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是HEIC

HEIC其实是苹果在iOS11及之后iOS系统设备，在拍摄照片时的默认图像存储格式。
它JPG相比，占用的空间更小，画质更加无损。
但IOS上传的HEIC格式图片，是无法被浏览器及window的识图软件打开的。

node使用heic-convert库处理HEIC图片，转换为一般格式后上传

const convert = require("heic-convert");
const multer = require("@koa/multer");

uploadsHeic: async (ctx, next) => {
  const file = ctx.request.file;

  let storage = multer.diskStorage({
	destination: function (req, file, cb) {
	  cb(null, "./static");
	},
	filename: function (req, file, cb) {
	  cb(
	    null,
	    file.fieldname +
	      "-" +
	      Date.now() +
	      "." +
	      file.originalname.split(".")[file.originalname.split(".").length - 1]
	  );
	},
	});

  let limits = {
    fields: 10, //非文件字段的数量
    fileSize: 100000 * 1024, //文件大小 单位 kb
    files: 1, //文件数量
  };
    
  let upload = multer({
    storage,
    limits,
  });
  
  let err = await upload
    .single("uploadHeic")(ctx, next)
    .then((res) => res)
    .catch((err) => err);

  if(!err &&file.mimetype == "image/heic"){
	  //获取heic文件的buffer
      let heicBuffer = await new Promise((resolve, reject) => {
        fs.readFile(
          path.join(__dirname + `../../../static/${file.filename}`),
          async (err, buffer) => {
            if (err) {
              reject(err);
            } else {
              resolve(buffer);
            }
          }
        );
      });

	  //使用heic-convert转换buffer格式
      const outputBuffer = await convert({
        buffer: heicBuffer, // the HEIC file buffer
        format: "JPEG", // output format
        quality: 1, // the jpeg compression quality, between 0 and 1
      });

	  //生成文件
      let newfileName = file.filename.split(".")[0] + ".jpg";
      await new Promise((resolve, reject) => {
        fs.writeFile(
          path.join(__dirname, `../../static/${newfileName}`),
          outputBuffer,
          (err, buffer) => {
            if (err) {
              console.log(err);
              reject(err);
            } else {
              resolve(buffer);
            }
          }
        );
      });

      file.filename = newfileName;
      localFile = "./static/" + file.filename;
    }
 }