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