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

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. 后端处理图片数据后再返回给前端



  • 精彩推荐

  • 2021-01-14 06:15:04

    通过glide获取图片显示后的真正宽高

    有时候需要获取网络图片的宽高来设置图片显示的大小，很多人会直接利用Glide的加载监听去拿图片的宽高，但是这样拿到的不是图片真正的宽高，而是图片显示在ImageView后的宽高。如下：

  • 2021-01-14 09:38:57

    Chrome插件详细教程

    严格来讲，我们正在说的东西应该叫Chrome扩展(Chrome Extension)，真正意义上的Chrome插件是更底层的浏览器功能扩展，可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯，本文也全部采用这种叫法，但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。

  • 2021-01-14 17:07:51

    chrome.contextMenus.create不出现菜单

    主要原因是，我每次刷新玩，都复制一下右键，然而并没有出现菜单，一度颓废啊，因为demo，还有其他人的文章都是这样的。 哎，后来发现是这样的，我缺少了contexts选项。其实我是成功了，我现在只要不选择文字，直接点右键，菜单已经出现了哦。

  • 2021-01-15 13:06:08

    监控 MongoDB -

    随着MongoDB中保存的数据越来越多，对MongoDB服务状态的监控也越来越重要，经常关注服务是否健康，才能防止故障以及优化。

  • 2021-01-15 13:30:21

    MongoDb web 用户界面

    MongoDB 的 Web 界面访问端口比服务的端口多1000。 如果你的MongoDB运行端口使用默认的27017，你可以在端口号为28017访问web用户界面，即地址为：http://localhost:28017。

  • 2021-01-16 09:31:14

    Xcode两种引入图片的方法

    如果是纯代码，图片名需要手动添加@2x，@3x等倍数标识，且需要指明后缀.png，.jpg；IB添加图片的话只需要指明后缀就好，不用添加倍数标识。