首页 > 其他分享 >File文件流与base64图片格式转换

File文件流与base64图片格式转换

时间:2023-09-21 10:11:18浏览次数:109  
标签:File 图片格式 base64 file reader new type

// base64转文件
export function base64ToFile(base64: any, fileName: string) {
  if(!base64) return
  let data = base64.split(',');
  let type = data[0].match(/:(.*?);/)[1];
  const bstr = window.atob(data[1]);
  let n = bstr.length;
  const u8arr = new Uint8Array(n);
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }
  const file = new File([u8arr], `${fileName}`, {
    type: type,
  });

  return file;
}

/** 文件转base64 */
export function fileToBase64(file: File) {
  return new Promise((resolve, reject) => {
    try {
      var reader = new FileReader();
      reader.onloadend = function() {
        resolve(reader.result);
      };
      reader.readAsDataURL(file);
    } catch {
      reject();
    }
  });
}

 

标签:File,图片格式,base64,file,reader,new,type
From: https://www.cnblogs.com/miaomiaolong2/p/17719233.html

相关文章

  • 生成HFile以及入库到HBase
    一、MR生成HFile文件packageinsert.tools.hfile;importjava.io.IOException;importorg.apache.hadoop.conf.Configuration;importorg.apache.hadoop.fs.Path;importorg.apache.hadoop.hbase.HBaseConfiguration;importorg.apache.hadoop.hbase.KeyValue;importorg.a......
  • HBase 之HFileOutputFormat
     hadoopmr输出需要导入hbase的话最好先输出成HFile格式,再导入到HBase,因为HFile是HBase的内部存储格式,所以导入效率很高,下面是一个示例1.创建HBase表t11.hbase(main):157:0*create't1','f1'2.0row(s)in1.3280seconds3.4.hbase(main):158:0>5.ROW......
  • Physical file does not exist, SAS.ReportFontsforClients.9.4.saswcur.ttf
    ERROR:Physicalfiledoesnotexist,\SAS\ReportFontsforClients\9.4\saswcur.ttfAcircumventionforthisissueistoaddthefollowingOPTIONSstatementtoyourSAScodebeforetheODSPDFFILE=statement:optionssysprintfont="Courier";To......
  • Springboot 的 maven项目利用 maven插件构建 docker 镜像(免 DockerFile编写)
    Springboot的maven项目利用maven插件构建docker镜像(免DockerFile编写)本小节目的是springboot项目maven插件构建容器实验步骤:1.本地创建springboot项目,写业务逻辑代码2.提交代码到远程git仓库3.在linux环境拉取远程git仓库代码,构建镜像4.把构建完成的镜像推送......
  • 如何最简洁的使用iOS 开发证书 和 Profile 文件
    如果你想在iOS设备(iPhone/iPad/iTouch)上调试,需要有iOS开发证书和Profile文件。在你拿到这两个文件之后,该如何使用呢?证书使用说明:1. iOS开发证书:开发证书(DevelopmentCertificate)是一个后缀为.p12 的文件(Certificates.p12); 在Mac系统下,双击这个文件,这个证书会自动导......
  • 如何使用iOS 开发证书 和 Profile 文件
    如果你想在iOS设备(iPhone/iPad/iTouch)上调试,需要有iOS开发证书和Profile文件。在你拿到这两个文件之后,该如何使用呢?证书使用说明:1. iOS开发证书:开发证书(DevelopmentCertificate)是一个后缀为.p12 的文件(Certificates.p12); 在Mac系统下,双击这个文件,这个证书会自动导......
  • HFile详解-基于HBase0.90.5
    1.HFile详解HFile文件分为以下六大部分 序号名称描述1数据块由多个block(块)组成,每个块的格式为:[块头]+[key长]+[value长]+[key]+[value]。2元数据块元数据是key-value类型的值,但元数据快只保存元数据的value值,元数据的key值保存在第五项(元数据索引块)中。该块由多个元数......
  • HBase HFile与Prefix Compression内部实现全解--KeyValue格式
    1.引子 HFile(HBaseFile)是HBase使用的一种文件存储格式的抽象, 目前存在两种版本的HFile:HFileV1和HFileV2 HBase0.92之前的版本仅支持HFileV1,HBase0.92/0.94同时支持HFileV1和HFileV2。 以下分别是HFileV1/V2的结构图: HFileV1HFileV2(注:这两个图片在hbase......
  • docker-Dockerfile
    Dockerfile是一个用来构建镜像的文本文件,文本内容包含了一条条构建镜像所需的指令和说明。一个Dockerfile的基本结构假如我们要在一台ubuntu22.04上运行下面这个hello.py的Python程序FROMubuntu:22.04RUNapt-getupdate&&\DEBIAN_FRONTEND=noninteractiveapt-getin......
  • 【Azure 存储服务】访问Azure Blob File遇见400-Condition Headers not support错误的
    问题描述在微软云存储账号的服务中,存储一些静态图片,然后通过AppService访问,但是遇见了400-conditionheadersnotsupport错误。在单独通过浏览器访问FileShare中的文件,发现第一次可以请求成功,但是第二次刷新后就遇见400错误,第三次刷新的时候又访问成功,如此循环下去。错误消......