微信小程序调用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 相关文章推荐
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
Jan 19 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
JavaScript判断变量是对象还是数组的方法
Aug 28 Javascript
jquery移动节点实例
Jan 14 Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
vue计算属性及使用详解
Apr 02 Javascript
vue项目中axios请求网络接口封装的示例代码
Dec 18 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
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
DIY一个适配电脑声卡的动圈话筒放大器
2021/03/02 无线电
php下使用curl模拟用户登陆的代码
2010/09/10 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
基于jquery的拖动布局插件
2011/11/25 Javascript
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
JavaScript实现的双向跨域插件分享
2015/01/31 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
jQuery中cookie插件用法实例分析
2015/12/04 Javascript
移动端 一个简单易懂的弹出框
2016/07/06 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
JavaScript之RegExp_动力节点Java学院整理
2017/06/29 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
Python 专题五 列表基础知识(二维list排序、获取下标和处理txt文本实例)
2017/03/20 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
Python 串口读写的实现方法
2019/06/12 Python
PyQt5 实现给窗口设置背景图片的方法
2019/06/13 Python
python实现名片管理器的示例代码
2019/12/17 Python
深入了解python列表(LIST)
2020/06/08 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
客户代表实习人员自我鉴定
2013/09/27 职场文书
教师求职信范文分享
2013/12/27 职场文书
工程管理英文求职信
2014/03/18 职场文书
征兵宣传标语
2014/06/20 职场文书
关于诚信的活动方案
2014/08/18 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
采购部年度工作总结
2015/08/13 职场文书
宪法宣传标语100条
2019/10/15 职场文书