微信图片反防盗链 不太成熟的解决方式 仅供参考

Posted 2020-10-07 剑来

$("#imgDiv img").each(function () {
    var img = $(this);
    var img_src = img.attr("src") + "?" + Math.random();
    var frameid = "frameimg" + Math.random();

    var image = new Image();
    image.src = img_src;
    image.onload = function () {
        window.img = ‘<img id="img" src=\‘‘ + img_src + ‘\‘/>‘;
        window.img += ‘<style></style>‘;
        window.img += ‘<script>window.onload=function(){‘;
        window.img += ‘parent.document.getElementById(\‘‘ + frameid + ‘\‘).height=document.getElementById(\‘img\‘).height+\‘px\‘‘;
        window.img += ‘parent.document.getElementById(\‘‘ + frameid + ‘\‘).width=document.getElementById(\‘img\‘).width+\‘px\‘‘;
        window.img += ‘}<‘ + ‘/script>‘;
        img.parent().append(‘<iframe width="‘ + image.width + ‘px" height="‘ + image.height + ‘px" id="‘ + frameid + ‘" src="javascript:parent.img" frameBorder="0" scrolling="no"></iframe>‘);
        img.remove();
    }
});

 此方法每张图片会创建一个iframe,比较耗费资源,请根据实际情况确定是否使用