"此图片来自微信公众平台,未经允许不可引用"解决方案

2020-04-16 17:12:09

参考地址 "此图片来自微信公众平台,未经允许不可引用"解决方案


遇到这种问题是因为微信公众平台对图片采用了防盗链设置，微信对外提供了API接口，让我们可以通过授权的方式获取到自己公众号里面的文章，或者你也可以通过爬虫去抓取微信的文章，但是微信的图片默认是不允许直接外部调用的。

  1. 在JS中提前把图片加载到本地，然后从本地缓存中读取图片

var showImg = function (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>';
  $('body').append('<iframe id="' + frameid + '" src="javascript:parent.img;" frameBorder="0" scrolling="no" width="100%"></iframe>');}

注意,通过 src="javascript:parent.img;"可以直接将内容代码赋予iframe
类似的还有<a javascript:console.log(123);>点击后输出123</a>

  1. 后端处理图片数据后再返回给前端



  • 精彩推荐

  • 2017-01-21 21:44:29

    详解 ESLint 规则，规范你的代码

    在很久之前就想通过工具来规范自己的代码风格，减少程序出错的概率，如果看过我的 一个前端程序猿的Sublime Text3的自我修养 ，这篇博客的朋友，肯定知道在当时我使用 SublimeLinter-jshint 插件来规范风格，但是实际上一直懒癌发作也没去看它的文档，使用着它默认的规则。不过现在是时候切换到 ESLint 了！

  • 2017-01-23 23:09:16

    使用 CSS3 实现超炫的 Loading（加载）动画效果

    　SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览）