iframe嵌套微信网页，图片无法显示问题

是小欧啊 2016-02-25 06:02:07

好像是微信防盗链作怪，如何破解呢？求大神

...全文

6919 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

flrainbow 2017-11-02

打赏
举报

引用 8 楼 qq_26995799 的回复:

楼上的亲，这个方法加载卡到不能用怎么解决

真的卡到崩溃

flrainbow 2017-11-02

打赏
举报

app 直接崩溃

qq_26995799 2017-09-04

打赏
举报

楼上的亲，这个方法加载卡到不能用怎么解决

skygreen 2016-11-07

打赏
举报

大致步骤分为两步： 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);
            		});