如何压缩图片

在这里插入图片描述

一般没有压缩图片,又有较大的图片时
如何把上传的图片显示时压缩到合适的大小
在这里插入图片描述

在控制器中保存图片时
上传图片拼接返回img标签

调用图片压缩的方法进行图片压缩
可以看到这里最大的宽度200,最大高度150
在这里插入图片描述
js代码
hRatio变量是压缩的高度的比例
wRatio变量是压缩的宽度的比例
Ratio变量是初始值
获取该图片的高度和宽度。
hRatio用最大的高度除以图片的高度
wRatio用最大的宽度除以图片的宽度

如果最大的宽度和高度等于0的话
Ratio等于1,也就是该图片不会进行压缩

当最大宽度等于0,高度的比例hRatio小于1,那么将高度的比例hRatio赋值给Ratio.

当最大高度等于0,宽度的比例wRatio小于1,那么将宽度的比例wRatio赋值给Ratio.

高度的比例hRatio小于1,宽度的比例wRatio小于1,判断宽度的比例wRatio是否小于或等于高度的比例hRatio。是的话,那么将宽度的比例wRatio赋值给Ratio。不是的话,那么将高度的比例hRatio赋值给Ratio。

当Ratio小于1时,该图片高度乘以Ratio,该图片的宽度乘以Ratio。
最后赋值给该图片。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值