webpack-seed icon indicating copy to clipboard operation
webpack-seed copied to clipboard

ios 浏览器 base64不能正常显示

Open kevin0713 opened this issue 6 years ago • 5 comments

使用npm run build 打包出来的base64图片在ios下面显示不出,Android是正常的。请问如何解决?

kevin0713 avatar Sep 21 '19 07:09 kevin0713

@kevin0713 能够捕捉到error吗?

BiYuqi avatar Sep 21 '19 07:09 BiYuqi

image 正常的jpg图片压缩出来也一样,我用http-server 服务打开进行ios 真机上浏览图片也是显示不出来,Android,pc 机都能正常显示,很奇怪。

kevin0713 avatar Sep 21 '19 13:09 kevin0713

ios 和 Android 真机测试图片 image

image

kevin0713 avatar Sep 21 '19 14:09 kevin0713

@kevin0713 我手头上没有ios设备,你这边应该用的Safari吧,我在网上看了下资料,有人说是不支持base64,base64-image-tag-in-safari-did-not-showed-up 你可以试着不把图片编译为base64(可以在webpack 配置把limit 调小点), 确认下问题原因. 然后针对如果是不支持再找解决方案.

image

BiYuqi avatar Sep 21 '19 14:09 BiYuqi

@BiYuqi 我测试过把图片单独从小工具转base64 可以显示,应该是webpack 打包的问题,具体我也不知道问题出在哪,还是非常感谢您的解答。这套webpack-seed 很好用,希望越做越好.

kevin0713 avatar Sep 22 '19 04:09 kevin0713