一鍵上傳圖片的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'"

後續

功能不按期更新...