图床on微博

基于微博的图床。

基于微博的图床优点是使用方便，登陆微博即可。但是缺点是对图片无法完全控制，无法获取所有已上传图片的列表，无法删除上传的图片等。如果有这方面的需求，可以使用图床on七牛，使用七牛作为存储空间，图片处于完全控制之中。

安装

Chrome Web Store

下载安装

点击仓库右上角的Clone or download下载仓库，打开Chrome扩展程序设置页面，勾选开发者模式，将下载文件中的chrome文件夹拖入即可安装。

功能

• 拖拽上传，复制上传（使用QQ截图以后可以直接使用Ctrl+V上传）
• 批量上传
• 浏览历史记录（存储在localStorage中）

注意： 图片一旦上传，无法删除（可能一直保留到微博倒闭那天），请不要上传任何隐私图片。

开发

• git clone https://github.com/fate-lovely/pic-on-weibo
• cd pic-on-weibo
• npm install
• npm run dev
• npm run build // 打包代码

本地开发时，我们需要跨域调用微博上传接口，此时浏览器需要response header含有Access-Control-Allow-Credentials以及Access-Control-Allow-Origin这两个字段。这里使用ModHeader插件来修改响应头。如图所示：

打包成chrome插件时，我们可以申请跨域请求权限。具体参考Chrome跨域

说明

• 图片上传接口？

  图片上传使用的是http://picupload.service.weibo.com/interface 接口。上传之前需要登录微博，上传的图片不会显示在你的微博相册中，也不会和你的任何微博挂钩，完全的“野生图片”。

• 换一台电脑没有历史记录？

  历史记录存在浏览器本地存储中。目前没有可靠办法跨设备存储历史记录。

• 上传错误？

  微博方面的接口可能不稳定或者修改返回数据结构。遇到这种情况，请提Issues。

致谢

部分代码参考WeiboPicBed，在此表示感谢。