js从文件流获取minetype

最新推荐文章于 2024-04-10 16:56:09 发布

原创最新推荐文章于 2024-04-10 16:56:09 发布 · 865 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #hex #扩展名

javascript 同时被 2 个专栏收录

110 篇文章

订阅专栏

工具书签

28 篇文章

订阅专栏

这篇博客介绍如何在JavaScript中通过文件输入事件处理文件流，读取文件的ArrayBuffer，转换为十六进制表示，并根据文件的十六进制前缀判断其MIME类型。作者提供了代码示例，涉及FileReader API的使用和类型检查。

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

js从文件流获取minetype

<input
        type='file'
        onChange={ev => {
          // @ts-ignore
          const file = ev.target.files[0];
          // ext get file type 
          console.log(file, file.type);
          const fr = new FileReader();
          fr.addEventListener('load', function () {
            // @ts-ignore
            // eslint-disable-next-line react/no-this-in-sfc
            let u = new Uint8Array(this.result);
            const a = new Array(u.length);
            let i = u.length;
            while (i--)
              // map to hex
              a[i] = (u[i] < 16 ? '0' : '') + u[i].toString(16);
            // @ts-ignore
            u = null; // free memory
            // hex value
            console.log(a); 
          });
          fr.readAsArrayBuffer(file);
        }}
      />