關於微信公眾平台文章采集時遇到的圖片防盜鏈問題的分析

群：340569308

在做一個采集器的時候

只做了文章的html代碼的采集

沒有對圖片進行處理(窮逼買不起高能服務器%>_<%)

發現采集來的文章圖片顯示不出來

是的就是這個鳥樣

目前想到的解決方案有兩個

一：自建圖片解析頁面動態返回圖片

二：更改瀏覽器端圖片請求的header數據(更改referer信息即可破解)

 

實踐起來發現並不是那么的順利，第一種方法還好

樓主在C#環境下用自定義referer的方式去讀取目標圖片的流

然后在response中直接輸出這個流(窮逼真是玩不起%>_<%)

這個方式雖然不錯，但是如果文章瀏覽量大的話請求也開始頻繁

我這渣渣服務器恐怕也受不了

只能把這方法作為候選法了

HttpHelper helper = new HttpHelper();
            HttpItem item = new HttpItem() {

                Referer = "",//必填參數，這里置空
                URL = "http://mmbiz.qpic.cn/mmbiz/dYNplyiblCFna8JoYZw71MH8Z8ib8KBALnJ7DibpDVSLPW4oy0nVhPfEG7PxCVwia6YP1OFibowWWkm2T0pn63icArPQ/0?tp=webp&wxfrom=5&wx_lazy=2",
                UserAgent = "Mozilla/5.0 (iPhone; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9B176 MicroMessenger/4.3.2",//useragent可有可無
                ResultType = ResultType.Byte

            };

           HttpResult res = helper.GetHtml(item);

           Response.ContentType = "image/webp";
           Response.OutputStream.Write(res.ResultByte, 0, res.ResultByte.Length);

接着是第二種方式

js更改圖片請求的頭部信息

這種方法也不錯  不過唯一的一點是我還沒想通改如何加入到頁面中

頁面中的圖片數量不限，位置也不限，都是動態的

<script type="text/javascript">
        function showImg(url) {
            var frameid = 'frameimg' + Math.random();
            window.img = '<img id="img" src=\'' + url + '?' + Math.random() + '\' /><script>window.onload = function() { parent.document.getElementById(\'' + frameid + '\').height = document.getElementById(\'img\').height+\'px\'; }<' + '/script>';
            document.write('<iframe id="' + frameid + '" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>');
        }
    </script>
    <h1>直接盜鏈：</h1>
    <br>
    <img src="http://mmbiz.qpic.cn/mmbiz/dYNplyiblCFna8JoYZw71MH8Z8ib8KBALnJ7DibpDVSLPW4oy0nVhPfEG7PxCVwia6YP1OFibowWWkm2T0pn63icArPQ/0?tp=webp&wxfrom=5&wx_lazy=2" /><br>
    <h1>js破解盜鏈：</h1>
    <br>
    <div id="hotlinking">
        <script type="text/javascript">showImg('http://mmbiz.qpic.cn/mmbiz/dYNplyiblCFna8JoYZw71MH8Z8ib8KBALnJ7DibpDVSLPW4oy0nVhPfEG7PxCVwia6YP1OFibowWWkm2T0pn63icArPQ/0?tp=webp&wxfrom=5&wx_lazy=2');</script>
    </div>

這里可以很明確的看到破解后的效果

 

嗯，大體就是這樣

 

如果你有更好的想法可以告訴我

歡迎你的建議