关于url传递base64图片显示不出来问题

本文档记录了一个关于通过URL拼接Base64编码的图片数据传递到外部网络时,图片无法正常显示的问题。问题的关键在于Base64编码中的加号(+)被转换为空格( )。解决方案是在JavaScript中使用decodeURIComponent并替换加号为%2B,从而确保Base64字符串的正确性。
摘要由CSDN通过智能技术生成

问题描述:通过url拼接的方式,将base64文件拼接在querry里面,并且跳转到外部网络,外网拿到了base64但是不能够正常显示。

解决过程:

  1. 对比查看了本地的base64与传递外网img标签src属性base64的前缀,发现并无不同

  2. 对比两个base64的长度,发现长度不一样,觉得可能是空格的问题,trim去空格在进行比较,发现还是不一样

  3. 将两个base64 放在分别不同的两行,直接进行肉眼对比,玩“找你妹”,发现base64中的+号被转移成了空格 

    1. 解决方法:js中:necode(str).replace(/ \ + /g,'%2B')

      (注:以上方法为了不被文本编辑器转义,特意在符号之间加了空格,避免被转义!!!!)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值