一般没有压缩图片,又有较大的图片时
如何把上传的图片显示时压缩到合适的大小
在控制器中保存图片时
上传图片拼接返回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。
最后赋值给该图片。