七牛图片上传Chrome扩展(Vue实现)(源码)
写在前
Repo有两个版本，一个是Jquery实现的，一个是Vue，后续不更新Jquery版本，只开发Vue版本。
有任何建议欢迎提出来，能实现的我尽量实现出来。
本扩展特点：
- 简单方便，使用个人图床，安全便捷好管理。
- 本地存储Token和Domain，不需要重复输入。
- 一键上传图片，返回预览，可以方便看到上传的图片。
- 一键复制url和markdown格式的图片，方便贴图。
- 错误友好返回，方便定位问题。
- 不建议不喜欢折腾的用户使用。
使用前提
- 由于使用的是七牛云图床，所以需要每个使用者注册一个七牛云开发者账号，并按要求建立一个对象存储。注册链接。
- 注册过程貌似还要审核，放心审核吧，自己的图床自己做主?。
安装到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'"后续
功能不定期更新...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。