Merge pull request #35 from doocs/feat_qiniu-upload_20201107

feat: support qiniu kudo

Author: yanglbme

README.md

@@ -49,6 +49,7 @@ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章
 | 2   | GitHub 图床 | 配置 `Repo`、`Token` 参数                                          | [如何获取 GitHub token？](https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token) |
 | 3   | 阿里云 OSS  | 配置 `AccessKey ID`、`AccessKey Secret`、`Bucket`、`Region` 等参数 | [如何使用阿里云 OSS？](https://help.aliyun.com/document_detail/31883.html)                                             |
 | 4   | 腾讯云 COS  | 配置 `SecretId`、`SecretKey`、`Bucket`、`Region` 等参数            | [如何使用腾讯云 COS？](https://cloud.tencent.com/document/product/436/38484)                                           |
+| 5   | 七牛云 Kudo | 配置 `AccessKey`、`SecretKey`、`Bucket`、`Domain`、`Region` 等参数 | [如何使用七牛云 Kodo？](https://cloud.tencent.com/document/product/436/38484)                                          |
 
 ![select-and-change-color-theme](./public/assets/images/select-and-change-color-theme.gif)
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-md",
   "author": "doocs",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "private": true,
   "homepage": "https://doocs.gitee.io/md",
   "scripts": {
@@ -17,12 +17,14 @@
     "codemirror": "^5.50.2",
     "core-js": "^3.4.4",
     "cos-js-sdk-v5": "^0.5.27",
+    "crypto-js": "^4.0.0",
     "element-ui": "^2.13.0",
     "jquery": "^3.4.1",
     "juice": "^6.0.0",
     "marked": "^0.8.0",
     "prettier": "^2.0.5",
     "prettify": "^0.1.7",
+    "qiniu-js": "^3.1.2",
     "uuid": "^8.3.0",
     "vue": "^2.6.10",
     "vue-router": "^3.1.3",

src/api/file.js

@@ -1,8 +1,11 @@
 import fetch from "./fetch";
+import CryptoJS from "crypto-js";
 import OSS from "ali-oss";
 import COS from "cos-js-sdk-v5";
 import Buffer from "buffer-from";
 import { v4 as uuidv4 } from "uuid";
+import * as qiniu from "qiniu-js";
+import { utf16to8, base64encode, safe64 } from "../assets/scripts/tokenTools";
 
 const defaultConfig = {
     username: "filess",
@@ -28,6 +31,8 @@ function fileUpload(content, file) {
             return aliOSSFileUpload(content, file.name);
         case "txCOS":
             return txCOSFileUpload(file);
+        case "qiniu":
+            return qiniuUpload(file);
         case "github":
         default:
             return ghFileUpload(content, file.name);
@@ -81,6 +86,14 @@ function getGitHubConfig() {
     );
 }
 
+function getQiniuToken(accessKey, secretKey, putPolicy) {
+    const policy = JSON.stringify(putPolicy);
+    const encoded = base64encode(utf16to8(policy));
+    const hash = CryptoJS.HmacSHA1(encoded, secretKey);
+    const encodedSigned = hash.toString(CryptoJS.enc.Base64);
+    return accessKey + ":" + safe64(encodedSigned) + ":" + encoded;
+}
+
 async function ghFileUpload(content, filename) {
     const isDefault = localStorage.getItem("imgHost") !== "github";
     const config = isDefault ? getDefaultConfig() : getGitHubConfig();
@@ -166,6 +179,44 @@ async function txCOSFileUpload(file) {
     });
 }
 
+async function qiniuUpload(file) {
+    const qiniuConfig = JSON.parse(localStorage.getItem("qiniuConfig"));
+    const putPolicy = {
+        scope: qiniuConfig.bucket,
+        deadline: Math.trunc(new Date().getTime() / 1000) + 3600,
+    };
+    const token = getQiniuToken(
+        qiniuConfig.accessKey,
+        qiniuConfig.secretKey,
+        putPolicy
+    );
+    const dir = qiniuConfig.path ? qiniuConfig.path + "/" : "";
+    const dateFilename =
+        dir +
+        new Date().getTime() +
+        "-" +
+        uuidv4() +
+        "." +
+        file.name.split(".")[1];
+    const config = {
+        region: qiniuConfig.region,
+    };
+    const observable = qiniu.upload(file, dateFilename, token, {}, config);
+    return new Promise((resolve, reject) => {
+        observable.subscribe({
+            next: (result) => {
+                console.log(result);
+            },
+            error: (err) => {
+                reject(err.message);
+            },
+            complete: (result) => {
+                resolve(qiniuConfig.domain + "/" + result.key);
+            },
+        });
+    });
+}
+
 export default {
     fileUpload,
 };