Skip to content
🎉基于微博的图床,支持拖拽上传,复制上传,批量上传以及浏览上传历史记录
Branch: master
Clone or download
Latest commit fe5dfe5 May 10, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
chrome
components
.babelrc
.gitignore
CHANGELOG.md fix weibo bug and modify some styles Feb 4, 2017
README.md
app.jsx
app.styl
chrome.zip
colors.styl Implements history tab Apr 1, 2016
entry.jsx
global.js fix weibo bug and modify some styles Feb 4, 2017
history.js
logo.png
package.json
pic-on-weibo.gif
utils.js
webpack.config.js
yarn.lock

README.md

图床on微博

基于微博的图床。

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

安装

Chrome Web Store

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,在此表示感谢。

You can’t perform that action at this time.