web判断图片类型 , 将file对象转换成buffer对象

最新推荐文章于 2023-08-05 22:58:20 发布

阿豪boy

最新推荐文章于 2023-08-05 22:58:20 发布

阅读量897

点赞数

文章标签： css web jquery java python

本文链接：https://blog.csdn.net/qq_35516360/article/details/122064817

版权

本文介绍在Web环境下如何判断图片类型并把File对象转换为Buffer对象。内容涉及利用npm包file-type进行类型检测，并提供相关操作的代码示例。

摘要由CSDN通过智能技术生成

原文链接: web判断图片类型 , 将file对象转换成buffer对象

上一篇: webpack worker-loader 引入worker文件

下一篇: vs code 插件change-case, 修改变量名驼峰和常量等

https://www.npmjs.com/package/file-type

yarn add file-type

在网页端使用需要将file转成buffer, 结果为下面的对象

{
  ext: "png"
  mime: "image/png"
}

抽取一个函数

export const fileToBuffer = (file) => {
  return new Promise((r) => {
    const reader = new FileReader();
    reader.onload = () => {
      r(reader.result);
    };
    reader.readAsArrayBuffer(file);
  });
};



          const buffer = await fileToBuffer(file);
          const fileType = await fromBuffer(buffer);