iframe嵌套微信网页,图片无法显示问题
大致步骤分为两步:
1.跨域获取微信html内容,替换data-src为src
参考:http://stackoverflow.com/questions/15005500/loading-cross-domain-html-page-with-ajax
引用:https://github.com/Rob--W/cors-anywhere/
2.通过data src注入iframe:$("iframe").attr("src" , wx_html_content);
参考:http://www.tuicool.com/articles/emy2Qjy
代码如下:
$.ajaxPrefilter(
function
(options) {
if
(options.crossDomain && jQuery.support.cors) {
var
http = (window.location.protocol ===
'http:'
?
'http:'
:
'https:'
);
options.url = http +
'//cors-anywhere.herokuapp.com/'
+ options.url;
//options.url = "http://cors.corsproxy.io/url=" + options.url;
}
});
var
share_link=
"http://mp.weixin.qq.com/s?__biz=MjM5MTQzNzU2NA==&mid=2651645171&idx=1&sn=be00a69de9072abd9d107c7f8f5b9206&chksm=bd4dc3608a3a4a76f423d78c10c978099ac67a98baaa6047017ed42c49d614219491f33ee4d7&scene=0#rd"
;//微信文章地址
$.get(
share_link,
function
(response) {
console.log(
"> "
, response);
var
html = response;
html=html.replace(/data-src/g,
"src"
);
var
html_src =
'data:text/html;charset=utf-8,'
+ html;
$(
"iframe"
).attr(
"src"
, html_src);
转载于:https://www.cnblogs.com/ninestart/p/6586438.html
iframe嵌套微信网页,图片无法显示问题相关推荐
- iframe标签中写html代码,Iframe嵌套HTML网页的用法?
iframe嵌入网页的用法 iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. 也应该是框架的一种形式,它与不 ...
- qwebkit 网页无法加载图片_网页图片无法显示了?这样就能解决
我们发现部分的网页图片无法显示,部分网页验证码也无法显示.或者安装一些软件时,按钮只显示文字,不显示背景图片,只显示一个红叉. 此类问题比较普遍,通常可以从以下两个方面解决. 一.查看浏览器设置. 如 ...
- 网页图片不显示?切记图片路径不要包含ad,ddos等
网页图片不显示?切记图片路径不要包含ad,ddos等@TOC 网页图片不显示?切记图片路径不要包含ad,ddos等 上周同事打开公司官网,突然发现网页不正常了,好多图片,包括背景图都不显示了,但是其他 ...
- php网页第一张图片不显示不出来了_网页图片不能显示|网页不显示图片|网页图片显示不出来 - 网页图片无法显示的解决方法 - 安全专题...
网络上丰富的图文资源极大地丰富了我们的生活,也提供了许多生动的信息.然而,许多网友在浏览网页时遇到网页图片不能显示的问题,给网络应用带来了很大的不便.造成网页图片不能显示的原因很多,现在,我们通过多种 ...
- 页面加载微信聊天记录图片不显示问题
今天在做微信客服功能的时候页面通过异步请求微信的聊天记录,并把获取的结果appendchild页面中,发现微信的图片无权加载.如下图: 经过查阅资料得知,因为微信加载图片是通过一个地址请求然后返回的真 ...
- iframe嵌套微信公众号文章
<iframe style="min-height:100vh;width:100%;border-width: 0;" id="iFrame" widt ...
- div嵌套div 背景图片 不显示的问题
这几天 在做一个小Demo的时候碰到了如上的问题,一个DIV嵌套多个DIV时,父容器DIV不显示背景图片.同时结合之前碰到类似的问题,我归纳了如下几个解决方法: 1.就是常见的 子div 背景把父di ...
- 网页图片快速显示的六种办法
网页设计者应该怎么做,才能让图片尺寸小一点,网页下载速度快一点,而又不牺牲掉美丽的图像呢?在这里笔者根据个人心得,建议你: ■控制图片的尺寸 最直接的办法是尽量避免大尺寸的图片,而多采用轻薄短小的导航 ...
- wampserver wordpress 外网访问时网页图片无法显示
使用wampserver 搭建环境,安装好wordpress 以后,本地打开网页正常,但是外网访问时,无法正常显示背景图片,在网上查询了很多资料,最终的解决办法如下: 1.进入wamp 上的PHPmy ...
- 微信网页图片预览问题
最近在做微信公众号开发,开发过程中遇到了一个图片全屏预览,用微信JSSDK的previewImage({current: curImg, urls: imgUrls})接口写,后面发现点击图片的时候出 ...
最新文章
- JUnit 3.8 通过反射测试私有方法
- poj 1664 放苹果 DPDFS
- 通信协议—HTTP、TCP、UDP
- 前端路由实现原理(history)
- 链队列的基本运算java_链式队列基本操作的实现问题
- 影响 Chrome、Edge 等浏览器的 V8 引擎0day
- AMI编码规则与HDB3编码规则详解
- 先锋linux 64位安装包的安装使用
- 精品微信小程序ssm培训机构管理系统+后台管理系统|前后分离VUE
- linux格式化硬盘fat32,linux格式化硬盘教程 linux格式化硬盘教程是什么
- 对于计算机课程的期待,关于初中计算机论文
- 36个顶级数据分析方法与模型!
- AlBaath Collegiate Programming Contest (2015) 总结
- cdn刷新api_CDN页面刷新接口定义[高升]
- 圆形上下挤压 matlab,基于Matlab的GUI设计双螺杆挤压机系统仿真软件
- 北京公共计算机考试准考证打印
- LEARN TO DESIGN THE HEURISTICS FOR VEHICLE ROUTING PROBLEM翻译
- 马克斯cms,马克斯cms模板,马克斯cms网站开发
- 马云质押阿里巴巴股票寻求贷款,要有大动作?旧闻新炒!
- IDEA导入Mybatis源码
热门文章
- ijkplayer框架详解
- 网站banner图片制作(简易版)
- [LeetCode]50.Pow(x, n)
- linux下apache2两种工作模式及两者切换
- 在redhat enterprise 5 下安装ORACLE 10g
- 小心投机分子绿坝软件的苦肉计
- windows下安装canal_Windows环境下python的安装与使用
- (一) js + Vue 写扫雷
- yolo系列外文翻译_测评:英文文献、论文的翻译软件对比
- 6.2阻碍循环(Cyclic Barriers)