1. 技能提升
  2. 编程相关

极致cms列表封面压缩

极致cms上传的图片默认是不压缩的,由于文章列表页需要加载很多文章和封面,封面大小不一,个别封面达到M级别。这就成为一个难题,列表页通常需要同时加载10-20个封面,虽然使用了懒加载技术,但仍然明显感觉加载缓慢。

解决方案:前端下手

优点,本地处理,不占用服务器资源

用js将图片裁剪,然后再上传。尝试发现裁剪效果不错。基本上单个封面可以做到20KB大小,个别颜色单调的封面可以做到10K以下。但遇到个问题,裁剪后的图片是base64的数据格式。ajax上传到极致返回 无法识别图片类型,后端识别不了类型,不接收。哎,还得继续研究研究. ..  


2020.9.16更新   状态:已解决

问了群主,不支持base64文件上传。群主给出了解决方案。添加一个接收函数,用来接收base64数据,并保存到服务器。前台修改ajax提交post到新地址就可以了。


ps:修改完明显感觉列表加载速度变快了,10张图加起来不到100K。穷服务器也能耍起来了!!

主题测试文章,只做测试使用。发布者:穷三代,转转请注明出处:https://q.yeyewo.com/13

or