javascript – So komprimieren Sie Bilder auf der JS-Seite auf ein bestimmtes Volumen (nicht auf eine bestimmte Größe).

Question

Komprimieren Sie das Bild auf die angegebene Größe, z. B. 500 KB.
Es entspricht nicht der angegebenen Größe 200 x 300.
Kann es erreicht werden? Die, die ich online finden kann, haben alle die angegebenen Größen.

Answer 1

可以通过Canvas实现，Github上有开源的项目：传送门

纯前端实现，不依赖后台。但是使用到了Canvas和File API对浏览器要求比较高（IE6/7/8不用考虑了orz）。

演示地址：传送门 (tip: jquery用到了google cdn，需要跨墙)

截图：

压缩效果：