微信小程序调用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 index()方法 获取相应元素索引值
Oct 12 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
jQuery插件制作之全局函数用法实例
Jun 01 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
Aug 24 Javascript
AngularJS基础 ng-href 指令用法
Aug 01 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
Vue组件之Tooltip的示例代码
Oct 18 Javascript
微信小程序左右滚动公告栏效果代码实例
Sep 16 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 Javascript
vue中改变滚动条样式的方法
Mar 03 Javascript
聊聊JS ES6中的解构
Apr 29 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
Email+URL的判断和自动转换函数
2006/10/09 PHP
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
php调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
jQuery实现全选、反选和不选功能
2017/08/16 jQuery
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
2020/08/06 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
python isinstance函数用法详解
2020/02/13 Python
使用Django xadmin 实现修改时间选择器为不可输入状态
2020/03/30 Python
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
英国游戏机和游戏购物网站:365games.co.uk
2018/06/18 全球购物
护理专业推荐信
2013/11/07 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
委托书的样本
2015/01/28 职场文书
出国导师推荐信
2015/03/25 职场文书
义卖募捐活动总结
2015/05/09 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL
Go web入门Go pongo2模板引擎
2022/05/20 Golang