E企盈营销工具技术服务商 热线:4006-838-530

微信小程序webview网页调赣州E企盈小程序用JSSDK的chooseImage方法

微信小程序web-view网页调用JSSDK的chooseImage方法微信小程序中的网页界面由web-view组件显示,网页通过接入J开通户外风衣小程序电话:4006-838-530SSDK能够调用微信小程序的一些功能,例如:跳转小程序页面、拍照、选择照片、录音等。一些功能直接接入JSSDK就能够使用,比如:跳转小程序页面,判断小程序环境。另一些方法需要注入权限,配置需要调用的方法才能使用:调取相册、拍照、录音等。下面小程序网页调用chooseImage方法选择图片:1.安装JSSDKJSSDK说明文档:微信JSSDK说明文档npm install weixin-js-sdk

页面中引用:import  wx from 'weixin-js-sdk'

2.注册权限、配置方法wx.config({    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过开通门帘小程序电话:4006-838-530log打出,仅在pc端时才会打印。    appId: '', // 开通地垫小程序电话:4006-838-530必填,公众号的唯一标识    timestamp: , // 必填,生成签名的时间戳    nonceStr: '', // 必填,生成签名的随机串    signature: '',// 必填,签名    jsApiList: ['chooseImage'] // 必填,需要使用的JS接口列表});

虽然是为微信小程序中显示的网页,但在该注册权限中使用的appId为公众号的appidjsApiList中填入需要调用的方法,调用相册选择图片的方法为:chooseImage.因此填入。3.调用方法wx.chooseImage({count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有success: function (res) {this.localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片}});

调用wx.chooseImage 方法将在小程序中访问相册,选择照片。res.localIds可以作为img标签的src属性来显示图片。4.兼容性(坑)localIds可以作为img标签的src显示图片,但只适用于安卓。iOS端则不会显示。iOS端显示选中的图片,有专门的方法:wx.getLocalImgData({localId: '', // 图片的localIDsuccess: function (res) {var localData = res.localData; // localData是图片的base64数据,可以用img标签显示}});

将chooseImage方法返回的localid,通过该方法得到的localData数据,将该数据放入img标签的src中,iOS端才能显示图片。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序webview网页调赣州E企盈小程序用JSSDK的chooseImage方法
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏