涉及到上传图片的功能，展示已上传图片时，固定大小展示图片的居中部位。避免图片压缩，追求美观，加强用户体验。该需求已越来越普遍。那么我们怎么实现这一功能呢？
在我开发过程中，我是通过阿里云的图片裁剪方法去实现这个需求的。
1、首先，我是通过把图片上传到阿里云，你也知道，小程序的有限制大小，所以只要有涉及到图片，我都会把它上传到阿里云。
2、然后，通过阿里云的图片裁剪方法去设置展示的图片
图片地址+'?x-oss-process=image/resize,m_fill,h_186,w_186'
裁剪之后的图片由于是按照我们设置目标缩略图的大小，去裁剪缩放。可能展示的图片会失真，模糊。我们可以通过放大我们设置缩略图的宽高的倍数，让图片高清展示。
例如：<view style="width:93rpx;height:93rpx;"><image src="图片地址+'?x-oss-process=image/resize,m_fill,h_186,w_186'"></image></view>
点击图片，全屏展示
1.只需要调用预览api,并且展示没有经过处理（裁剪）的图片即可。
阿里云图片裁剪地址：
https://help.aliyun.com/document_detail/44688.html?spm=a2c4g.11186623.6.970.P9iIAj
网友评论