一键上传图片的chrome扩展，要试试？支持生成markdown

七牛图片上传Chrome扩展(Vue实现)(源码)

写在前

Repo有两个版本，一个是Jquery实现的，一个是Vue，后续不更新Jquery版本，只开发Vue版本。
有任何建议欢迎提出来，能实现的我尽可能实现出来。
本扩展特色：

• 简单方便，使用我的图床，安全便捷好管理。
• 本地存储Token和Domain，不须要重复输入。
• 一键上传图片，返回预览，能够方便看到上传的图片。
• 一键复制url和markdown格式的图片，方便贴图。
• 错误友好返回，方便定位问题。
• 不建议不喜欢折腾的用户使用。

使用前提

1. 因为使用的是七牛云图床，因此须要每一个使用者注册一个七牛云开发者帐号，并按要求创建一个对象存储。注册连接。
2. 注册过程貌似还要审核，放心审核吧，本身的图床本身作主😄。

安装到Chrome

下载源码到本地：

git clone git@github.com:GzhiYi/QNUploader.git

添加到chrome: 菜单-更多工具-扩展程序-加载已解压的扩展程序
说明：因为上传不到Chrome商店，支付不到5美圆注册开发者的费用，因此只能本地使用。注意每次打开chrome不要关闭这个扩展就好了。

获取字段

整个扩展只须要一个UploadToken以及一个外链默认域名Domain便可。
关于这两个的获取：

• Token：在线jsfiddle获取。获取须要你图床的accessKey和secretKey以及bucketName。accessKey和secretKey在七牛我的面板的密钥管理处获取，bucketName在对象存储列表处就能够找到了。deadline尽可能选最长时间，固然，能够修改生成Token的源码增长deadline。

• Domain：可在内容管理处找到。

开发注意(可忽视)

使用vue开发chrome扩展会遇到没有内容渲染出来的问题：

能够在mainifest.json添加这一行

"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"

后续

功能不按期更新...