图片过大不能编译成base64出现的展示错误🙅

react项目中出现一个bug,本地图片展示,但是部署测试环境,图片不展示

在本地,引入的图片可以正常展示,但是部署到测试环境,就不能正常展示;

查看浏览器的Network,其他能正常展示的图片均为base64转换后格式,只有不能展示的那张图,地址是本地ip+转码后的字符串.png格式,于是比对了其他图片,发现不能正常展示的图片是11KB,其他均为6KB,于是把图片压缩成了7KB,能正常转码成base64格式,正常展示了;

总结

需要转换成base64格式的原图大小不能太大

posted @ 2021-01-22 17:26  春燕啄春泥  阅读(916)  评论(0编辑  收藏  举报