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


Posted in Javascript onMay 31, 2020

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

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内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木! 

Javascript 相关文章推荐
RGB颜色值转HTML十六进制(HEX)代码的JS函数
Apr 25 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
Sep 10 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
复选框全选与全不选操作实现思路
Aug 18 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
May 04 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
微信小程序跳转到其他网页(外部链接)的实现方法
Sep 20 Javascript
vue中注册自定义的全局js方法
Nov 15 Javascript
深入了解JS之作用域和闭包
Jun 16 Javascript
Vue 简单实现前端权限控制的示例
Dec 25 Vue.js
Vue-cli3生成的Vue项目加载Mxgraph方法示例
May 31 #Javascript
详解Typescript 内置的模块导入兼容方式
May 31 #Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 #Javascript
JQuery获得内容和属性方法解析
May 30 #jQuery
JavaScript Window浏览器对象模型原理解析
May 30 #Javascript
基于canvasJS在PHP中制作动态图表
May 30 #Javascript
jQuery实现视频展示效果
May 30 #jQuery
You might like
国产动画《伍六七》原声大碟大卖,啊哈娱乐引领音乐赋能IP的新尝试
2020/03/08 国漫
php之Memcache学习笔记
2013/06/17 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
jQuery列表检索功能实现代码
2017/07/17 jQuery
浅谈mint-ui 填坑之路
2017/11/06 Javascript
vuex 的简单使用
2018/03/22 Javascript
jQuery仿移动端支付宝键盘的实现代码
2018/08/15 jQuery
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
使用js在layui中实现上传图片压缩
2019/06/18 Javascript
[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路
2017/07/03 DOTA
[59:15]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.20
2020/11/20 DOTA
Python实现简单登录验证
2016/04/13 Python
老生常谈Python基础之字符编码
2017/06/14 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
Python Cookie 读取和保存方法
2018/12/28 Python
Python函数返回不定数量的值方法
2019/01/22 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
Python面向对象实现一个对象调用另一个对象操作示例
2019/04/08 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
python tqdm实现进度条的示例代码
2020/11/10 Python
python 获取字典键值对的实现
2020/11/12 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
Intersport西班牙:在线体育商店
2019/11/06 全球购物
意外死亡赔偿协议书
2014/10/14 职场文书
监护人证明
2015/06/19 职场文书