您的位置：首页 > 移动开发 > 微信开发

如何直接引用微信的图片链接详解

2017-08-31 00:00 447 查看

欢迎扫码加入Java高知群交流

以微信的一个图片链接为例子：http://mmbiz.qpic.cn/mmbiz_jpg/azXQmS1HA7m80L8HYB1Jfdqicn4LMgfejKp4Nkia6ZyExOJURicRg6HibN7aBcWxSkCTicCkbRIQgprO33Q2TsHFT9Q/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1

微信图片做了防盗链处理，如果直接引用图片的src地址，会提示如下信息：

网上查询了一下，有的说是用qq的一个链接能解决：
http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl=xxx
其中imageUrl是需要访问微信图片的链接，之前也测试过这个方法确实可行，但是现在腾讯做了更严格的防盗，所以现在这种方式也不行了。

那有没有更好的办法呢？我们发现，直接copy微信图片的链接到浏览器敲回车是可以正常的展示图片出来的，估计是通过Referer来判断，如果是非本站的Referer会进行拦截，

直接copy到浏览器地址栏是不带有Referer的，对不带Referer的请求貌似没限制，本人猜测的。通过iframe可以请求图片不携带Referer，虽然效率上和体验上没那么好，但是图片这样是可以展示出来的。如下图：

那么讲了这么多，大家最关心的问题还是代码怎么实现，其实很简答，通过js动态生成iframe即可，代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>test</title>
<script src="js/common/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<img src="http://mmbiz.qpic.cn/mmbiz_jpg/AiaMTYUYjYNa0mibnn2ay6luBGXPBRSV2ibJic3uGYickID3OUkvKzAC2E0ibVWSNicpykkpUqALFicSiaibgO0XyYWlEhGQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1">
<script>
function showImg(url) {
var imgid = Math.random(),frameid = 'frameimg' + imgid;
window['img'+imgid] = '<img id="img" src=\''+url+'\' />' +
'<script>window.onload = function(){' +
'parent.document.getElementById(\''+frameid+'\').width=document.getElementById(\'img\').width+\'px\';' +
'parent.document.getElementById(\''+frameid+'\').height=document.getElementById(\'img\').height+\'px\';' +
'}<'+'/script>';
return '<iframe id="'+frameid+'" src="javascript:parent[\'img'+imgid+'\'];" frameBorder="0" scrolling="no" width="100%"></iframe>';
}
</script>
<script type="text/javascript">
//$("img").hide();
var imgs = document.getElementsByTagName('img');
for(var i=0;i<imgs.length;i++){
var data_src = $(imgs[i]).attr("src");
var html = showImg("http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&imageUrl="+data_src);
$(imgs[i]).replaceWith(html);
}
</script>
</body>
</html>

体验上来说确实不是很好，各位大神有什么更好的其它办法可以底下留言交流交流。

还有一种简单的方法就是直接在页面的head中添加<meta name="referrer" content="never">，

但是这样所有的请求都不会带referrer，有点自宫的感觉。

欢迎扫码加入Java高知群交流

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 微信图片

相关文章推荐

新的分享

章节导航