将Base64图片转为Blob文件流

最新推荐文章于 2024-07-31 16:45:57 发布
最新推荐文章于 2024-07-31 16:45:57 发布
阅读量4.9k 收藏 8
点赞数 1
分类专栏： js常用工具函数记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42326052/article/details/108662382
版权
项目中H5接收到Base64格式图片，需转换为Blob文件流上传。本文介绍处理带或不带前缀的Base64转换方法。
摘要由CSDN通过智能技术生成

在项目中遇到h5调用app的方法返回base64格式的图片给h5，这时候我们通常都需要把其转化为文件流的格式再上传到后端服务器上。
base64的格式有时候会有前缀，有时会没有前缀，下面的方法可以进行统一处理

/**
   * 将以base64的图片url数据转换为Blob
   * 用url方式表示的base64图片数据
   */
    let base64 = {
   
              dataURL: res.localData,//用url方式表示的base64图片数据
              type: 'image/jpeg'//文件类型
            }
function convertBase64UrlToBlob (base64
最低0.47元/天 解锁文章
张婷张婷呀
关注
专栏目录
uni-app - 将 base64 图片编码转为 Blob 本地文件路径（把base64类型的图片，转换成blob二进制文件流）适用于 uni-app / vue.js / JavaScript
王佳斌
11-26 9379
uni-app / vue.js / JavaScript 将 base64 转 Blob，uniapp app端如何将图片的base64编码转换成File对象或Blob，uni-app / vue.js / JavaScript 中拿到base64转blob对象，uniapp 图片base64格式转blob格式方法，uniapp上传图片压缩转base64码与base64转图片路径，Base64/Blob/File 图片文件转换，url、base64、blob相互转换方法，读取本地文件为Base64并转成B
PB PowerBuilder base64 blob 互转
05-27
里面代码例子都验证过的，可以直接使用，如果需要全部代码，请直接打开https://item.taobao.com/item.htm?id=570336396094 网址咨询
【js通用小工具函数】将base64转BLOB / File对象
最新发布
温的打怪之旅
07-31 619
采用了文档注释，有相似需求的小伙伴直接复制粘贴即可。
将以base64的图片url数据转换为Blob
weixin_42304966的博客
06-07 590
将以base64的图片url数据转换为Blob
图片base64转为blob,file格式
lxy123456qqq的博客
01-31 410
图片base64转为blob,file格式
base64转Blob方法
热门推荐
only_的博客
09-02 1万+
base64ToBlob(urlData, type) { let arr = urlData.split(','); let mime = arr[0].match(/:(.*?);/)[1] || type; // 去掉url的头，并转化为byte let bytes = window.atob(arr[1]); // 处理异常,将ascii码小于0的转换为大于0 let ab =...
base64格式的图片转换为blob格式的文件流
weixin_55582221的博客
10-09 1361
今天写项目的时候发现需要把截图生成后的base64格式的图片转换为blod格式的，就找到了这个方法，进行记录一下。使用的话就直接调用就可以了。
js实现把图片的绝对路径转为base64字符串、blob对象再上传
01-19
JavaScript把项目本地的图片或者图片的绝对路径转为base64字符串、blob对象在上传。 用处： 从本地选择图片上传，如项目规定只能选择本项目文件夹下的图像上传为头像等。 主要思想： 使用canvas.toDataURL()方法将...
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
11-26
为了解决这个问题，我们可以将Base64编码的图片转换为Blob对象，并将其放入FormData对象中，然后通过AJAX提交。以下是如何实现这一过程的详细步骤： ### 第一步：Base64转Blob Base64编码的图片数据中包含了图片的...
图片BASE64加密保存到数据库Blob类型中（放入数据库，并取出生成图片）
12-13
本示例主要涉及的是如何将图片通过BASE64编码加密后存入数据库的Blob类型字段，并能从数据库中取出这些数据再还原成原始图片。以下是相关知识点的详细说明： 1. **BASE64编码**：BASE64是一种用于将二进制数据转换...
PB关于字符进制数转化及base64加密、解密，nvo_base64.sru
04-07
PB关于字符进制数转化及base64加密、解密 1、字符型十六进制数转为十进制数值 2、十进制数转为十六进制字符 3、base64加密 4、base64解密 5、将blob转为byte数组
将base64格式的图片转成文件流格式传给后台
webCandy的博客
01-20 1695
代码片. // An highlighted block // 将base64的图片路径转为文件流 base64toFile (dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix = mime.split('/')[1] let bstr = atob(arr[1])
JS将 base64 转为 Blob 对象
yunfeather的博客
01-02 1601
【代码】JS将 base64 转为 Blob 对象。
base64和Blob互相转换
weixin_30776863的博客
09-02 1285
1.base64转blob(二进制数据) /** * 将以base64的图片url数据转换为Blob * @param urlData 用url方式表示的base64图片数据 */ function convertBase64UrlToBlob(urlData){ var arr = urlData.split(','), mime = arr[0...
Base64转Blob对象、网络图片转Base64、转Blob(url)的方法
qq_30995621的博客
10-05 1687
Base64转Blob对象、网络图片转Base64、转Blob(url)的方法
Javascript常用方法 -- 将base64的图片url数据转换为Blob、file
QiuMenglin_的博客
07-19 4645
/** * 将以base64的图片url数据转换为Blob * @param urlData图片base64数据 * @name convertBase64UrlToBlob */ function convertBase64UrlToBlob(urlData) { var bytes = window.atob(urlData.split(',')[1]); //...
一张base64图片格式的图片，将其转化成blob然后上传到服务器
ta_huang的博客
03-28 1486
一张base64图片格式的图片，将其转化成blob然后上传到服务器需求描述实现总结 需求描述 一张base64图片格式的图片，将其转化成blob然后上传到服务器，后台跟接收表单文件上传一样的方式去处理改图片 实现 // url 表示base64的字符串， name表示文件名，附加到blob上的那么、上 uploadFile(url, name) { // 以逗号划分类型和内容 let arr = url.split(',') // 截取类型
base64、blob格式相互转换及应用
龘
09-02 4378
1.Base64 to Blob function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), //分割为数组，分割到第一个逗号 let mime = arr[0].match(/:(.*?);/)[1],//获取分割后的base64前缀中的类型 let bstr = window.atob(arr[1]), let n = bstr.length, let u8arr = new Uint8Arr
vue中将base64图片转file文件格式
11-23
在Vue中将base64图片转为file文件格式可以通过以下步骤实现： 1. 首先将base64图片转为Blob对象，可以使用以下代码： ```javascript function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while(n--){ u8arr[n] = bstr.charCodeAt(n); } return new Blob([u8arr], {type:mime}); } ``` 2. 然后将Blob对象转为File对象，可以使用以下代码： ```javascript function blobToFile(theBlob, fileName){ theBlob.lastModifiedDate = new Date(); theBlob.name = fileName; return theBlob; } ``` 3. 最后将File对象上传到服务器或者进行其他操作，可以使用以下代码： ```javascript const file = blobToFile(dataURLtoBlob(base64Data), 'filename.jpg'); // 进行上传或其他操作 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值