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);
});
 
亲测有效 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM