html5微信分享图片不显示,微信分享ios 不显示图片和简介问题总结
问题html
我作了微信分享,各类配置都ok,安卓实现分享,可是ios分享不显示图片和简介 。(以下图)ios
解决过程正则表达式
通过一天的折腾,核对各类问题最终发现问题所在。是个人url中带有汉字使用escape()进行的加密,苹果分享的时候会自动的对(汉字)解码decodeURIComponent()形成了url签名错误。微信
http://adminpc.z1mei.com/Admin/TLogin?ref=/htmls/TraceOne/TraceCameraLive.html?name=%E7%AE%80%E4%BB%8B&id=166&word=7B928D5BFFD7FE508CCCAFC73F2B52EB2函数
解决办法是,在打开要分享的页面的时候,使用encodeURIComponent()对汉字进行加密,就能够了。post
补充说明编码
我在获取urll参数的时候使用的了getUrlParam()这个js方法。这里方法网上有一堆,比较老,在获取参数的同时使用了unescope()对参数进行了解码。目前来讲escape()http://www.w3school.com.cn/ 都不在推荐使用了。具体代替为encodeURIComponent();加密
getUrlParam()个人升级代码url
functiongetUrlParam(name,fnDecode) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) {if (typeof fnDecode === "function") {return fnDecode(r[2]);
}return unescape(r[2]);
}return null; //返回参数值
}
escape()不能直接用于URL编码,它的真正做用是返回一个字符的Unicode编码值。好比"春节"的返回结果是%u6625%u8282,,escape()不对"+"编码 主要用于汉字编码,如今已经不提倡使用。spa
encodeURI()是Javascript中真正用来对URL编码的函数。 编码整个url地址,但对特殊含义的符号"; / ? : @ & = + $ , #",也不进行编码。对应的解码函数是:decodeURI()。
encodeURIComponent() 能编码"; / ? : @ & = + $ , #"这些特殊字符。对应的解码函数是decodeURIComponent()。
假如要传递带&符号的网址,因此用encodeURIComponent()
参考资料(加粗为重要的资料)
https://blog.csdn.net/angle_lzc/article/details/84864455
https://blog.csdn.net/weixin_34310127/article/details/87616016
https://www.cnblogs.com/huaxingtianxia/p/7125862.html
https://www.oschina.net/question/2600088_2189362?sort=time
http://www.w3school.com.cn/jsref/jsref_escape.asp
html5微信分享图片不显示,微信分享ios 不显示图片和简介问题总结相关推荐
- 小程序 Android手机显示正常,ios手机显示空白
小程序 Android手机显示正常,ios手机显示空白 体验版和提交小程序审核的时候,都会遇到这个问题,除了代码本身可能存在错误外,极有可能是因为域名证书的问题,检查证书,可以参考以下路径文章: ht ...
- php图片涂鸦,IOS_详解iOS App中图片的线段涂鸦功能的添加方法,接下来我们要讲图片的涂鸦, - phpStudy...
详解iOS App中图片的线段涂鸦功能的添加方法 接下来我们要讲图片的涂鸦,我们分开一点一点拓展,先给图片上划线 创建项目 起名testAddLine 接下来我们在默认生成的ViewControlle ...
- CRMEBV4小程序H5页面端宝贝列表分享海报以及会员中心分销推广不显示的常见问题解决
上次给大家带来了CRMEB标准版和基础版分享海报不显示的问题,这里再此做一个补充,还未看之前的帖子,请先看,如果不能解决再对照本方法处理, 上次的方法:https://blog.csdn.net/id ...
- vue h5网页点击按钮 -- 跳到微信小程序 wx-open-launch-weapp;onMenuShareAppMessage 分享图片不显示,且方法已废弃
h5网页点击按钮,唤醒微信小程序是否可以做? 可以!!,就是有点限制. 通过wx-open-launch-weapp就可以实现,但是限制 微信服务号才可以使用.也就是说必须是微信环境下. 文章最下边, ...
- android微信分享icon不能显示,微信分享 icon图片不显示问题
微信分享中,会有一个小图标显示出来,该怎么做,注意哪些问题 这个图片能显示的条件: 宽高大于300px 页面从上到下的第一张图片 除了上面两点,经过测试,还有以下要注意的 img标签上不能出现 dis ...
- 微信分享网络图片到朋友圈和收藏不显示图片的问题
如图, 分享到朋友圈的界面,不显示图片,但可以点开,甚至可以删除图片,甚至可以分享成功,再看朋友圈显示的分享成功的界面,如下 显示带橙色的感叹号,不展示图片,也无法删除. 代码: WXImageObj ...
- php网页分享时显示图片怎么设置,分享html页面 在微信分享中可以设置分享标题和描述和图片...
微信中分享页面已经是很流行的一种方式,那么如何可以让自己做的h5页面能设置分享标题.描叙和图片呢? 问题 第三方网站在微信中分享的链接想要左边有简介概述,右边有缩略图,没有缩略图不能引起客户足够的重视 ...
- 如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO
当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的 ...
- android 微信分享gif图,android后台动态创建图片并实现微信分享
今天就记录一下. 先说明一下,之前没有做过类似的东西,百度了一两天才知道,说来很惭愧.有点笨,只能这样说. 在我的脑里只明白,如果要动态创建图片: 一.就是new 嘛 二.就是LayoutInflat ...
- 使用友盟社会化分享安卓android版SDK分享纯图片到微信
本人使用的其实是友盟的Cocos2d-x安卓版.普通安卓版使用方式稍有不同,但是设置分享内容的接口是一样的.友盟官方文档中提到过他们支持微信纯图片分享,就是分享一张纯图片,而非一条图文链接,到微信朋友 ...
最新文章
- [转]CSS hack大全详解
- IPv6地址居然不够用?(特殊情况)怎么办?
- android设置通知在屏幕横幅显示,Android推送通知横幅未显示在某些设备中
- C++——auto_ptr类
- 阅读书源最新2020在线导入_书源篇三及6.5.0版本介绍
- 大数据基础技术和应用
- mysql带参数的sql_MySql存储过程是带参数的存储过程(动态执行SQL语句)
- Invalid bound statement (not found)解决办法
- Linux下VNCSERVER的使用介绍
- Java中Object转换为List类型
- iOS 11 将于9月19日正式发布,一文带你了解它的那些特性
- 如何更改webstrom的默认端口63342
- 计算机知识说明,请说明计算机的工作原理
- 推荐几个学习JS的站点
- java swing图书管理系统 java swing mysql实现的图书管理系统源码(1023)
- c语言编译运行的几步
- mes系统和plc通讯案例_MES管理系统怎么和PLC通信?
- 【可视化分析】雷达图
- csdn博客更换皮肤
- 导出excel file-saver XLSX