base64转文件(blob)遇到的一个问题

本文探讨了在编码过程中遇到的'atob'解码错误,指出问题在于忽略Base64字符串前的数据标识部分。通过分析'HelloWorld!'的Base64编码与解码示例,理解了Base64编码的基本用法。同时,对比了图片Base64编码的特点,强调在处理图片时只需关注字符串尾部的Base64数据。并提供了正确提取图片Base64数据的方法。
摘要由CSDN通过智能技术生成

在过程中,发现报错如下:

failed to execute 'atob' on 'window': the string to be decoded is not correctly encoded.

后来在看atob和btoa的demo时发现base64字符串仅仅是后面的乱七八糟字符串好吗,没有前面的名片。

var str = "Hello World!";
var enc = window.btoa(str);
var dec = window.atob(enc);

var res = "Encoded String: " + enc + "
" + "Decoded String: " + dec;

The result of res will be:

Encoded String: SGVsbG8gV29ybGQh //看这里!!!!
Decoded String: Hello World!

而图片的base64是这样的:

data:image/gif;base64,/9j/4AAQSkZJRgABAQ........

所以只要后面的就可以了:

b64DataStr.substring(b64DataStr.indexOf(',') + 1)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值