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);

});

 

亲测有效