最近接收一個后台上傳圖片需要壓縮的需求,背景是后台上傳完圖片過大導致在C端網絡不好的情景下圖片打開過慢,嚴重影響用戶體驗,所以需要在后台上傳圖片的時候對圖片進行壓縮,其代碼如下:
1. 先npm install image-conversion --save
2. 導入到相關頁面並使用:

這里說一下imageConversion.compress參數,第一個為上傳的圖片,第二個參數為壓縮的質量(取值范圍 0 ~ 1),0.9接近原圖片,基本不會模糊,但是體積會減少很多,然后上傳圖片,親測沒有問題,體積減小,然后正常發生產,結果運營上傳了一張沒有背景的
圖片,問題就來了,如圖:

可以看到上傳完畢,圖片背景正常白色,點擊保存回顯的時候返回的卻是黑色背景

C端展示也是如此:

最后前后端一起分析判斷出是圖片壓縮插件的問題,至此,這個無語的bug被修復....
