atob解码图片base64时候报错

最近在改一个bug， 使用图片的base64编码 进行压缩时一直报错，Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded

深入查看原因后，发现是base64 在被传入 atob函数时报的错误，  atob有过初略的了解应该是解码之类的函数，那应该错误的原因就是解码失败了。

 

经过多次调试，发现了问题所在， 正常情况如上图 是可以使用atob解码 base64的

但是在 base64编码赋值给 new Image()对象的src属性之后就会报错

let img = new Image()

   img.src =  base64编码// 

重新打印这时候的 img.src 值会发现，base64 编码中多了许多 %0A和空格字符， 虽然不知道原因是为什么。

这里只能列出一个解决方案：

base64字符串.replace(/%0A|\s/g,''))

这样使用正则 就能去掉多余的空格 和%A 了， 重新在放在atob函数内 就不会报错了