微信小程序中,URL 尽量不要用 ,应用 /

我们平日  与
 是等效。

推荐介绍情势黄金年代

然则在Wechat小程序中,有个别地点不等同,比方图片地址,<image src=”” 那些src 跟的地点就不可能用前生龙活虎种斜杠,它将:20170563631
剖析为:%EF%BF%BD%EF%BF%BD,引致无法加载服务器上的图纸。

<meta name=”referrer” content=”never”>

Wechat小程序亦不是具有地方都是如此,某些控件就不设有此难题。

就这么一句话,把它放到<head>头里就能够了。记得要把其他影响图片的东西给删了,不然会矛盾。

========================================================================================

笔者要好自身的,因为本人梦想点击多少个链接时跳转到Wechat图像和文字,然后在该页面点击再次回到图标从Wechat图像和文字重返从前的应用软件页面,作者在和煦网址的HTML里的div中嵌套多个<iframe>标签,src链接到Wechat大伙儿号里的图像和文字,跑出去后一定要展现文字,不能加载展现图片,百度了就是Wechat的防盗链,有说在<head>标签里加<meta
name=”referrer”
content=”never”>但好像也只还好手提式有线电话机的访问显示,也可以有把图纸的data-src改成src(在浏览器右键图片检查时方可见到这么些属性,改良时是足以显得的,但自身不明了怎么保,别的不太明了,反正笔者不知情什么样鬼),但本人页面只是一个div里嵌套iframe标签链接到Wechat公众号的图像和文字,没任何的,找了一天,为此还白花了15块买个文档来也没用,最终到底找到了三个只用js就足以破解Wechat图像和文字防盗链的,多谢来自新浪的“前端小透明”

地址:

假若您只是透过点击三个链接跳转到Wechat图像和文字的话,直接叁个标签链接到你的指标地址就行,但是这么您无法重回此前的页面,所以本人在div里写放了个重回图片,再在div里嵌套叁个<iframe>标签,链接到Wechat图像和文字,那样在活动端跑出去后就一定要看看文字,图片都并未加载展现出来,那和http的referrer有涉及,具体原理请百度Wechat防盗链原理掌握,上边就是本人的<body>代码:

<body>

    <div class=”container”>

        <!–S-顶部栏–>

        <div class=”header-box”>

            <div class=”left-return”>

                <a href=”#”>

                    <img src=”~/Images/icon/left30X30.png” width=”15″
height=”15″ />

                </a>  

            </div>

            <div class=”middle”>资源音讯中央</div>

        </div>

        <!–E-顶部栏–>

        <!–S-iframe资讯栏–>

        <div class=”news-box”>

             <!—假使参预了上面包车型地铁js,则此处的src链接地址能够不写–>

            <iframe id=”myframe”
src=”;

 

            </iframe>

        </div>

        <!–E-iframe资讯栏–>

    </div>

</body>

加入js

<script>

        //破解iframeWechat推文(图片)防盗链

        $.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;

            }

        });

 

        var share_link =
“”; //Wechat文章地址

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

            });

    </script>

==========================================================================================

百度别的形式风流洒脱:

例子:

<div class=”M_detail-con” id=”ddb-branch-introduction”>
{php echo htmlspecialchars_decode($hd[‘description’]卡塔尔国} //微信内容

</div>

引进下边js

<script
src=”;

<script>

                         

                          $(“#ddb-branch-introduction
img”).each(function () {

            var img = $(this);

            if (img.parent().attr(“id”) != “ad1”) {

                var img_src = img.attr(“src”);

                var frameid = ‘frameimg’ + Math.random();

                window.img = ‘<img id=”img” style=”width:100%”
src=” + img_src + ‘?’ + Math.random() + ”
/><script>window.onload = function() {
parent.document.getElementById(” + frameid + ”).height =
document.getElementById(‘img’).height+’px’; }<‘ +
‘/script>’;

                img.parent().append(‘<iframe id=”‘ + frameid + ‘”
src=”javascript:parent.img;” frameBorder=”0″ scrolling=”no”
width=”100%”></iframe>’);

                img.remove();

            }

        });

                         

</script>

===============================================================================================================================

百度此外方法二:

<?php 
$p=$_GET[‘p’]; 
$pics=file($p); 
for($i=0;$i< count($pics);$i++) 

echo $pics[$i]; 

?> 

运用办法:将以上内容文件保留成p.PHP上流传根目录 
下一场在前边三个对应页面参与以下代码(改正你的域名进去就可以)

改图片地址方法:

<script
src=”;

<script>

                          $(function() {

                                   var pattern = /^http://mmbiz/;

                                   var patterns = /^https://mmbiz/;

                                   var mmsns = /^http://mmsns/;

                                   var mmsnss = /^https://mmsns/;

                                   var prefix=
”;                                  

$(“img”).each(function(){

                                            var src =
$(this).attr(‘src’);

                                            if(pattern.test(src)){

                                                     var newsrc =
prefix+src;

                                                    
$(this).attr(‘src’,newsrc);

                                            }

                                            if(patterns.test(src)){

                                                     var newsrc =
prefix+src;

                                                    
$(this).attr(‘src’,newsrc);

                                            }

                                            if(mmsns.test(src)){

                                                     var newsrc =
prefix+src;

                                                    
$(this).attr(‘src’,newsrc);

                                            }

                                            if(mmsnss.test(src)){

                                                     var newsrc =
prefix+src;

                                                    
$(this).attr(‘src’,newsrc);

                                            }

                                   });

                          });

                  </script>

 

新手意气风发枚,希望对大家有扶助!

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注