微信小程序如何使用wx.previewImage方法预览富文本图片

您所在的位置:网站首页 公司向个人借款会计怎么处理 微信小程序如何使用wx.previewImage方法预览富文本图片

微信小程序如何使用wx.previewImage方法预览富文本图片

2022-03-26 06:35| 来源: 网络整理| 查看: 265

0 分享至

用微信扫码二维码

分享至好友和朋友圈

今天,给OneAdmin前端小程序做了适当的界面调整,让用户可以在详情页面中全屏预览图片。并且,在预览的过程中,用户还可以进行将图片保存到本地、将图片发送给朋友等操作。

富文本内容预览功能实景

该方法调用了微信小程序开放平台的API:

第一步:在富文本中,将图片文件资源提炼出来。

前提条件是先判断是否存在图片文件资源。

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

此时,图片文件资源渲染到了页面数据之中,将命名为previewImage。

值得注意的是,此时图片文件资源是一个数组,如果直接console.log将会显示出错误的数组信息,但不影响开发者对该数组的认知。

第二步:设置previewImage事件的方法。

第三步:给整个富文本绑定一个名为previewImage的事件。

此时,小程序的图片预览功能完成!

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

/阅读下一篇/ 返回网易首页 下载网易新闻客户端


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3