记录image-conversion压缩透明背景图片导致图片背景变为黑色


最近接收一个后台上传图片需要压缩的需求,背景是后台上传完图片过大导致在C端网络不好的情景下图片打开过慢,严重影响用户体验,所以需要在后台上传图片的时候对图片进行压缩,其代码如下:

1. 先npm install image-conversion --save

2. 导入到相关页面并使用:

这里说一下imageConversion.compress参数,第一个为上传的图片,第二个参数为压缩的质量(取值范围 0 ~ 1),0.9接近原图片,基本不会模糊,但是体积会减少很多,然后上传图片,亲测没有问题,体积减小,然后正常发生产,结果运营上传了一张没有背景的

图片,问题就来了,如图:

可以看到上传完毕,图片背景正常白色,点击保存回显的时候返回的却是黑色背景

C端展示也是如此:

最后前后端一起分析判断出是图片压缩插件的问题,至此,这个无语的bug被修复....

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM