微信小程序调用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 相关文章推荐
JavaScript 学习笔记(十一)
Jan 19 Javascript
基于jquery 的一个progressbar widge
Oct 29 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
javascript常用函数(1)
Nov 04 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
Feb 08 Javascript
微信小程序 数据遍历的实现
Apr 05 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
JS实现随机生成10个手机号的方法示例
Dec 07 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 Javascript
小程序实现上下切换位置
Nov 16 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
APMServ使用说明
2006/10/23 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
PHP数据过滤的方法
2013/10/30 PHP
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
JavaScript必看小技巧(必看)
2016/06/07 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
2019/03/01 Javascript
angularjs自定义过滤器demo示例
2019/08/24 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
vue3自定义dialog、modal组件的方法
2021/01/04 Vue.js
Python转换HTML到Text纯文本的方法
2015/01/15 Python
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
python中的yield from语法快速学习
2020/11/06 Python
python解包用法详解
2021/02/17 Python
纯CSS3实现表单验证效果(非常不错)
2017/01/18 HTML / CSS
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
linux比较文件内容的命令是什么
2013/03/04 面试题
商场主管竞聘书
2014/03/31 职场文书
《静夜思》教学反思
2016/02/17 职场文书
《草虫的村落》教学反思
2016/02/20 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL