在迷你程序文档中，我们可以看到WX的功能。是在新页面上的全屏幕中预览图片。在预览过程中，用户可以保存图片并将其发送给朋友。但是实际上，还有一个隐藏的功能可以缩放图片，最小尺寸为原始比率。毫无疑问，请输入代码：

XML代码：

<view class="container"> <image class="img" src="/assets/images/longpress-image-scan/wx-qr-code.jpg" data-src="/assets/images/longpress-image-scan/wx-qr-code.jpg" bind:tap="previewImage" mode="widthFix" /> view>

只需将SRC的路径更改为您自己的图像路径，它可以像上面的图像路径或在线图像链接一样。

JS代码：

Page({ /** * 预览图片 * @param {*} e */

previewImage(e){ const {src:imgSrc} = e.currentTarget.dataset console.log(imgSrc); wx.previewImage({ current: imgSrc, urls: [imgSrc], success: res => { console.log(res); }, fail: err => {

console.log(err); } }) } })

注意：此功能需要在真实机器上进行测试，并且微信开发人员工具中的模拟器将看不到效果。