微信小程序调用wx.getImageInfo遇到的坑解决

这几天做到微信小程序详情页分享的功能，需要把原页面的一些参数带到分享页，然后在分享页需要获取图片的宽高等基本信息。

1.先说分享传参的方式：

在onShareAppMessage方法里面返回的path里面可以带参数传过去，具体传参的方式有两种，一种是可以传对象（需要把JSON对象stringiny）,另外一种是通过一般的参数拼接的方式一个个拼。
代码：

onShareAppMessage: function (res) {
 let data = this.data;
 let shareParams = {
  imgSrc: data.imgInfo.src
 }

 let shareData = JSON.stringify(shareParams)

 let path = '/src/?shareData='+ shareData;
 return {
  title: '我在用家图AI识图找家具，快跟上节奏！',
  path: path,
  success: function(res) {
   // 转发成功
   console.log('转发成功')
  },
  fail: function(res) {
   // 转发失败
   console.log('转发失败')
  }
 }
},

2.再说在打开分享过来的页面时怎么拿到刚才那些参数 其实那些参数是在onLoad方法里面的options传过来的，如下代码：

onLoad: function(options) {
  //通过分享进来的
  if(options.shareData){
   console.log(options.shareData)//这个就是刚才传过来的那个JSON对象
  }
}

3.遇到的坑

一开始在调用wx.getImageInfo时一直不掉成功，查了官方文档，发现需要用https的方式下载图片，但是我改成了https的方式也还是调不成功。这时候跟后端的同学咨询了下，看是不是https出了问题，果然，https在这两天刚好证书过期了。等https能正常使用的时候也就可以调用成功了。中间调试过程有点坑，当打开调试时偶尔会调用成功getImageInfo，就是这个有时候能调成功，有时候不能，把我坑惨了。还有在不打开调试时调用非https或者https不可用的时候，getImageInfo既不跳到成功的回调也不跳到失败的回调，也不报错，就像卡死在那了一样。这就很惨，没法调试。

tips:需要把图片服务器的域名加到downloadFile 合法域名里面

到此这篇关于微信小程序调用wx.getImageInfo遇到的坑解决的文章就介绍到这了,更多相关小程序调用wx.getImageInfo内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 微信小程序wx.getImageInfo()如何获取图片信息

    微信小程序wx.getImageInfo()如何获取图片信息

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 一.知识点 二.列子 (1).加载时 <view class="zn-uploadimg"> <image src="{{tempFilePaths}}" mode="aspecFill" style="width: 100%; height: 450rpx" /> <text>图片的大小:{{imgwid

  • 微信小程序调用wx.getImageInfo遇到的坑解决

    这几天做到微信小程序详情页分享的功能,需要把原页面的一些参数带到分享页,然后在分享页需要获取图片的宽高等基本信息. 1.先说分享传参的方式: 在onShareAppMessage方法里面返回的path里面可以带参数传过去,具体传参的方式有两种,一种是可以传对象(需要把JSON对象stringiny),另外一种是通过一般的参数拼接的方式一个个拼. 代码: onShareAppMessage: function (res) { let data = this.data; let shareParam

  • 微信小程序调用PHP后台接口 解析纯html文本

    微信小程序调用PHP后台接口 解析纯html文本

    微信小程序调用PHP后台接口,解析纯html文本,效果图片预览 1.微信js动态传参: wx.request({ url: 'https://m.****.com/index.php/Home/Xiaoxxf/activity_detail?a_id='+options.id,//含富文本html data: { is_detail:1 }, method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT heade

  • 微信小程序调用微信登陆获取openid及java做为服务端示例

    微信小程序调用微信登陆获取openid及java做为服务端示例

    一.微信小程序 第一步:调用 wx.login获取code 文档地址 第二步:判断用户是否授权读取用户信息 文档地址 第三步:调用wx.getUserInfo读取用户数据 文档地址 第四步:由于小程序后台授权域名无法授权微信的域名,所以我们只能通过我们自己的服务器去调用微信服务器去获取用户信息,故我们将wx.login获取code 和 wx.getUserInfo 获取的encryptedData与iv 通过wx.request 请求传入后台 服务器返回的数据: 小程序代码: //调用登录接口,

  • 微信小程序调用摄像头隐藏式拍照功能

    微信小程序最近非常火热,小编最近做了一个新项目,使用小程序开发考试系统,在使用App参加考试的时候调用摄像头抓拍用户是否作弊,在开发过程中遇到点问题,下面小编把问题描述和解决方法分享给大家,具体内容如下: 问题 今天小编遇到了这么个问题,就是在用户使用App参加考试的时候调用摄像头抓拍用户是否作弊,其实这也没什么,关键在于不能打扰用户考试,不能被用户发现什么时候抓拍的,也不能给用户查看图片,只有考完是后才能查看.这系统相当于考驾照时的上机答题部分.开始经理的要求是调用小程序外部的手机拍摄功能,这

  • 微信小程序调用微信支付接口的实现方法

    微信小程序调用微信支付接口的实现方法

    前言:应项目要求,需要使用微信小程序做支付,写完后告知手续费太高方案不予通过(宝宝心里苦,但宝宝不说).此次开发在因站在巨人的肩膀上顺利完成. 微信支付文档传送门:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3 1.开发工具: Eclipse+Tomcat+微信web开发工具 2.开发环境: java+maven 3.开发前准备: 3.1 所需材料 小程序的appid,APPsecret,支付商户号(mch_i

  • 解决微信小程序调用moveToLocation失效问题【超简单】

    解决微信小程序调用moveToLocation失效问题【超简单】

    上图所示,mapUpdated表示地图加载完成后,再初始化数据. 为什么moveToLocation失败? 第一:可能你的ID取错了: 第二:调用moveToLocation时,必须需要调用wx.getLocation,并且用户授权后,才能使用moveToLocation方法 总结 以上所述是小编给大家介绍的解决微信小程序调用moveToLocation失效问题[超简单],希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.在此也非常感谢大家对我们网站的支持! 如果你觉得本文

  • 微信小程序出现wx.getLocation再次授权问题的解决方法分析

    微信小程序出现wx.getLocation再次授权问题的解决方法分析

    本文实例讲述了微信小程序出现wx.getLocation再次授权问题的解决方法.分享给大家供大家参考,具体如下: 首先,在page外定义一个公共函数用于发送获取位置的请求 var getLocation = function (that) { wx.getLocation({ type: 'wgs84', success: function (res) { // 经纬度 var latitude = res.latitude var longitude = res.longitude var a

  • 微信小程序调用支付接口的完整流程记录

    目录 当然在开发之前,我们需要有下面这些东西: 步骤如下: 总结 官方的文档路径------>文档路径:developers.weixin.qq.com/miniprogram… 当然在开发之前,我们需要有下面这些东西: appId(小程序分配) 小程序密钥(小程序配置界面获取) 商户号 api密钥(商家后台自己设置) 首先我们要知道把大象放进冰箱拢共需要三步(不是),那么我们调起支付也是一样的 步骤如下: wx.login获取用户临时登录凭证code,发送到后端服务器换取openId 在下单时

  • 微信小程序调用摄像头实现拍照功能

    本文实例为大家分享了微信小程序调用摄像头实现拍照的具体代码,供大家参考,具体内容如下 微信小程序开发文档 首先,需要用户授权摄像头权限,这一步是必须的 具体步骤: 1.获取用户当前授权状态,看是否已经授权,如果已经授权直接显示摄像头2.如果用户还没有授权,则调起授权弹框,用户允许授权则显示摄像头3.如果用户不允许,则提示用户去设置页面打开摄像头权限 用户授权之后,就可以进行拍摄了,微信的camera组件无法显示为圆形,我这里是用一张图片遮盖了 上代码: wxml: <view class='ca

  • 微信小程序出现wx.navigateTo页面不跳转问题的解决方法

    微信小程序出现wx.navigateTo页面不跳转问题的解决方法

    本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法.分享给大家供大家参考,具体如下: 今天在做微信小程序的时候,做的商品购买流程.流程是这样的: 商品展示-->商品详情-->下单页面-->下单详情页面-->支付结果页面-->跳转订单详情页面. 但是在支付成功之后,点击按钮跳转,发现怎么也跳转不了到订单详情页面,前后log都能打印出来,证明已经执行了wx.navigateTo方法,但是跳转不成功,而且,坑爹的是也不报错. 翻看微信小程序开发文档,参考

随机推荐