大致步骤分为两步:
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嵌套微信网页,图片无法显示问题相关推荐

  1. iframe标签中写html代码,Iframe嵌套HTML网页的用法?

    iframe嵌入网页的用法 iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. 也应该是框架的一种形式,它与不 ...

  2. qwebkit 网页无法加载图片_网页图片无法显示了?这样就能解决

    我们发现部分的网页图片无法显示,部分网页验证码也无法显示.或者安装一些软件时,按钮只显示文字,不显示背景图片,只显示一个红叉. 此类问题比较普遍,通常可以从以下两个方面解决. 一.查看浏览器设置. 如 ...

  3. 网页图片不显示?切记图片路径不要包含ad,ddos等

    网页图片不显示?切记图片路径不要包含ad,ddos等@TOC 网页图片不显示?切记图片路径不要包含ad,ddos等 上周同事打开公司官网,突然发现网页不正常了,好多图片,包括背景图都不显示了,但是其他 ...

  4. php网页第一张图片不显示不出来了_网页图片不能显示|网页不显示图片|网页图片显示不出来 - 网页图片无法显示的解决方法 - 安全专题...

    网络上丰富的图文资源极大地丰富了我们的生活,也提供了许多生动的信息.然而,许多网友在浏览网页时遇到网页图片不能显示的问题,给网络应用带来了很大的不便.造成网页图片不能显示的原因很多,现在,我们通过多种 ...

  5. 页面加载微信聊天记录图片不显示问题

    今天在做微信客服功能的时候页面通过异步请求微信的聊天记录,并把获取的结果appendchild页面中,发现微信的图片无权加载.如下图: 经过查阅资料得知,因为微信加载图片是通过一个地址请求然后返回的真 ...

  6. iframe嵌套微信公众号文章

    <iframe style="min-height:100vh;width:100%;border-width: 0;" id="iFrame" widt ...

  7. div嵌套div 背景图片 不显示的问题

    这几天 在做一个小Demo的时候碰到了如上的问题,一个DIV嵌套多个DIV时,父容器DIV不显示背景图片.同时结合之前碰到类似的问题,我归纳了如下几个解决方法: 1.就是常见的 子div 背景把父di ...

  8. 网页图片快速显示的六种办法

    网页设计者应该怎么做,才能让图片尺寸小一点,网页下载速度快一点,而又不牺牲掉美丽的图像呢?在这里笔者根据个人心得,建议你: ■控制图片的尺寸 最直接的办法是尽量避免大尺寸的图片,而多采用轻薄短小的导航 ...

  9. wampserver wordpress 外网访问时网页图片无法显示

    使用wampserver 搭建环境,安装好wordpress 以后,本地打开网页正常,但是外网访问时,无法正常显示背景图片,在网上查询了很多资料,最终的解决办法如下: 1.进入wamp 上的PHPmy ...

  10. 微信网页图片预览问题

    最近在做微信公众号开发,开发过程中遇到了一个图片全屏预览,用微信JSSDK的previewImage({current: curImg, urls: imgUrls})接口写,后面发现点击图片的时候出 ...

最新文章

  1. JUnit 3.8 通过反射测试私有方法
  2. poj 1664 放苹果 DPDFS
  3. 通信协议—HTTP、TCP、UDP
  4. 前端路由实现原理(history)
  5. 链队列的基本运算java_链式队列基本操作的实现问题
  6. 影响 Chrome、Edge 等浏览器的 V8 引擎0day
  7. AMI编码规则与HDB3编码规则详解
  8. 先锋linux 64位安装包的安装使用
  9. 精品微信小程序ssm培训机构管理系统+后台管理系统|前后分离VUE
  10. linux格式化硬盘fat32,linux格式化硬盘教程 linux格式化硬盘教程是什么
  11. 对于计算机课程的期待,关于初中计算机论文
  12. 36个顶级数据分析方法与模型!
  13. AlBaath Collegiate Programming Contest (2015) 总结
  14. cdn刷新api_CDN页面刷新接口定义[高升]
  15. 圆形上下挤压 matlab,基于Matlab的GUI设计双螺杆挤压机系统仿真软件
  16. 北京公共计算机考试准考证打印
  17. LEARN TO DESIGN THE HEURISTICS FOR VEHICLE ROUTING PROBLEM翻译
  18. 马克斯cms,马克斯cms模板,马克斯cms网站开发
  19. 马云质押阿里巴巴股票寻求贷款,要有大动作?旧闻新炒!
  20. IDEA导入Mybatis源码

热门文章

  1. ijkplayer框架详解
  2. 网站banner图片制作(简易版)
  3. [LeetCode]50.Pow(x, n)
  4. linux下apache2两种工作模式及两者切换
  5. 在redhat enterprise 5 下安装ORACLE 10g
  6. 小心投机分子绿坝软件的苦肉计
  7. windows下安装canal_Windows环境下python的安装与使用
  8. (一) js + Vue 写扫雷
  9. yolo系列外文翻译_测评:英文文献、论文的翻译软件对比
  10. 6.2阻碍循环(Cyclic Barriers)