base64转为blob,然后转成file文件,具体步骤以及注释说明,以及使用案例

文章目录

  • 1. 将base64字符串转为blob对象:
  • 2. 将blob对象转为file对象:
  • 3. 使用案例:


1. 将base64字符串转为blob对象:

function convertBase64ToBlob(base64Str) {// 将base64字符串转为二进制数据const byteCharacters = atob(base64Str);// 创建Blob对象const blob = new Blob([byteCharacters], { type: 'application/octet-stream' });return blob;
}

2. 将blob对象转为file对象:

function convertBlobToFile(blob, fileName) {// 创建File对象const file = new File([blob], fileName, { type: blob.type });return file;
}

注释说明:

  • convertBase64ToBlob 方法将base64字符串转为blob对象,使用了atob方法将base64字符串转为二进制数据,再使用Blob构造函数创建Blob对象,并指定文件类型为application/octet-stream
  • convertBlobToFile 方法将blob对象转为file对象,使用了File构造函数创建File对象。

3. 使用案例:

示例代码演示了将一个base64图片字符串转为file对象的例子:

const base64Str = 'data:image/png;base64,iVBORw0KG...'; // 用实际的base64字符串替换
const fileName = 'image.png';const blob = convertBase64ToBlob(base64Str);
const file = convertBlobToFile(blob, fileName);console.log(file);

输出结果:

File(85) {name: "image.png", lastModified: 1632490063760, lastModifiedDate: Tue Sep 24 2021 16:07:43 GMT+0800 (中国标准时间), webkitRelativePath: "", size: 85,}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/78590.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《银河麒麟高级服务器操作系统V10》使用

一言而论:讲了麒麟服务器V10的基本使用,包括终端、VNC 文章目录 前言基本架构环境硬件环境软件环境 麒麟安装步骤1.在宿主机上安装好VM,并且激活2.使用VM创建虚拟机3.启动虚拟机 终端常用点VNC的使用麒麟上安装VNC服务器Windows上安装VNC客户…

09架构管理之工作量评估评审

一句话导读 在软件工程中,如何做到精准的预算评估,软件开发的工作量评估是很多项目开始的首要要素,它会影响到整个工程的预算、人员配置、进度管理,甚至是工程能否正常交付。那么如何保证工作量评估的准确性呢,那就要用…

【deepspeed】【训练】【交互】【wandb】训练过程中的wandb交互如何去除

问题:gpt模型训练时,中间有询问输入账户,交互式的询问影响自动执行脚本,询问是这样的: 解决办法: 在脚本中设置环境变量,关闭wandb,如下图: 其他: log中没有…

nslookup和dig的区别

nslookup是一个常用的网络工具,用于查询域名系统(DNS)的信息。它允许用户通过域名查找与之相关的IP地址、查询主机名和IP地址的映射关系,以及执行反向DNS查找等操作。下面是对nslookup的详细解释: 查询域名对应的IP地…

Mysql InnoDB引擎 的hash索引

Mysql InnoDB引擎不支持hash索引,但是在内存结构中有一个自适应hash索引,来提高查询性能 当设置hash索引时会自动转换成btree索引 查一下mysql官方文档:https://dev.mysql.com/doc/refman/5.7/en/create-index.html innodb_adaptive_hash_i…

第13篇:ESP32 idf wifi联网使用SNTP同步网络时间LCD ST7920液晶屏显示

第1篇:Arduino与ESP32开发板的安装方法 第2篇:ESP32 helloword第一个程序示范点亮板载LED 第3篇:vscode搭建esp32 arduino开发环境 第4篇:vscodeplatformio搭建esp32 arduino开发环境 ​​​​​​第5篇:doit_esp32_devkit_v1使用pmw呼吸灯实验 第6篇:ESP32连接无源喇叭播…

MarkText快捷键(随时补充中)

MarkText快捷键 ctrl1:一号标题 (需要手动在【左上角】-【file】-【preferences】-【Key Bindings】-【 Transform into Heading 1】手动调整,先将【Switch tab to the 1st】占用快捷键删除才能在下面添加) ctrlg:添加…

自然语言处理技术之词向量:GloVe单词表示的全局向量(glove.840B.300d、glove.6B)

目录 一、词向量介绍二、GloVe学习词向量的词嵌入模型三、词向量入门(代码下载)四、训练五、模型概述六、可视化七、发布历史一、词向量介绍 自然语言处理(NLP)中的词向量是将文本中的词汇表示为数值向量的技术。词向量的主要作用是将文本数据转换成计算机可以理解和处理的…

实时云渲染应用之虚拟仿真项目的四大优势

虚拟仿真在教育领域的应用越来越广,尤其在科研和实验教学领域,这主要是因为虚拟仿真具有操作简单、场景逼真、更安全、易维护的优势。比如在实验教学过程中,一些实验对象相对于学生来说过于宏观或微观,学生不易理解,而…

机器学习——贝叶斯(三种分布)/鸢尾花分类分界图/文本分类应用

0、前言: 机器学习中的贝叶斯的理论基础是数学当中的贝叶斯公式。这篇博客强调使用方法,至于理论未作深究。机器学习中三种类型的贝叶斯公式:高斯分布(多分类)、多项式分布(文本分类)、伯努利分…

uniapp vue 页面传参问题encodeURIComponent

页面传参objet json序列化后可能会报错 Uncaught SyntaxError: missing ) after argument list 但不一定是数据有问题,而是json成字符串后,字符串中有特殊字符,所以导致parse的时候格式不对。所以解决方案如下 如果传递参数为对象的时候&…

【PyTorch 08】如果要手动安装对应的包

例如有时候我们要下载 PyG ,但是需要手动下载,需要进行以下步骤: 网站链接:https://data.pyg.org/whl/ 首先查看当前安装好的Pytorch版本和对应的cuda版本 1. pip list:查看torch版本 2. torch.version.cuda&#xf…

性能测试 —— 吞吐量和并发量的关系? 有什么区别?

吞吐量(Throughput)和并发量(Concurrency)是性能测试中常用的两个指标,它们描述了系统处理能力的不同方面。 吞吐量(Throughput) 是指系统在单位时间内能够处理的请求数量或事务数量。它常用于…

【深度学习 AIGC】stablediffusion-infinity 在无界限画布中输出绘画 Outpainting

代码:https://github.com/lkwq007/stablediffusion-infinity/tree/master 启动环境: git clone --recurse-submodules https://github.com/lkwq007/stablediffusion-infinity cd stablediffusion-infinity conda env create -f environment.yml conda …

ChatGPT 网站合集/NovelAI tag生成器/Novel资源大全

ChatGPT 网站合集 https://github.com/xx025/carrot NovelAI tag生成器 https://wolfchen.top/tag/ Novel资源大全 https://wolfchen.top/tag/doc.html 简单地说,Stable Diffusion被修改后做出了NovelAI,NovelAI离家出走便有了Naifu Naifu简单好上手&am…

JS 常见报错及异常处理办法总结

文章目录 JS 常见报错及异常处理办法总结常见js报错类型异常调试及捕获 JS 常见报错及异常处理办法总结 参考资料:https://cloud.tencent.com/developer/article/1768989 常见js报错类型 RangeErrorReferenceErrorSyntaxErrorTypeError RangeError (范…

Solidity 小白教程:15. 异常

Solidity 小白教程:15. 异常 这一讲,我们介绍solidity三种抛出异常的方法:error,require和assert,并比较三种方法的gas消耗。 异常 写智能合约经常会出bug,solidity中的异常命令帮助我们debug。 Error …

PBI 背景全屏规律呈现水印

想要在Power BI报表中实现全屏规律呈现斜角水印的效果,并且显示的值是用户登录的email的话,目前Power BI desktop的背景“Background”功能中暂时没有支持的直接设置方法。但是基于测试和研究,Power BI市场中有一个叫“HTML Content”的custom visual提供,它支持嵌入一些HT…

QT实战之翻金币游戏【详细过程及介绍】

目录 前言 一、游戏整体分析 二、创建项目 三、添加资源 四、主界面实现 1、设置游戏主场景基本配置 2、设置背景图片 3、创建开始按钮并设置动画 4、创建关卡选择界面并实现主界面与其的切换 五、关卡选择界面实现 1、设置关卡选择场景基本配置 2、设置关卡选择场…

c++day7---9.14

思维导图&#xff1a; #include <iostream> using namespace std;template<typename T> class myVector { private:T* arr;size_t size; //元素数量size_t max_size; //数组容量 public://构造函数myVector() :arr(nullptr), size(0), max_size(0) {}myVector(i…