mirror of
https://github.com/doocs/md.git
synced 2024-10-30 15:57:50 +08:00
feat: update uploadImgDialog component
This commit is contained in:
yanglbme
parent
2ce5637b72
commit
2648c03b97
100
src/api/file.js
100
src/api/file.js
@ -52,25 +52,28 @@ function getDateFilename(filename) {
|
||||
|
||||
async function ghFileUpload(content, filename) {
|
||||
const useDefault = localStorage.getItem("imgHost") === "default";
|
||||
const config = getConfig(useDefault, "github");
|
||||
const { username, repo, branch, accessToken } = getConfig(
|
||||
useDefault,
|
||||
"github"
|
||||
);
|
||||
const dir = getDir();
|
||||
const url = `https://api.github.com/repos/${config.username}/${config.repo}/contents/${dir}/`;
|
||||
const url = `https://api.github.com/repos/${username}/${repo}/contents/${dir}/`;
|
||||
const dateFilename = getDateFilename(filename);
|
||||
const res = await fetch({
|
||||
url: url + dateFilename,
|
||||
method: "put",
|
||||
headers: {
|
||||
Authorization: `token ${config.accessToken}`,
|
||||
Authorization: `token ${accessToken}`,
|
||||
},
|
||||
data: {
|
||||
branch: config.branch,
|
||||
content,
|
||||
branch,
|
||||
message: `Upload by ${window.location.href}`,
|
||||
content: content,
|
||||
},
|
||||
});
|
||||
|
||||
const githubResourceUrl = `raw.githubusercontent.com/${config.username}/${config.repo}/${config.branch}/`;
|
||||
const cdnResourceUrl = `cdn.jsdelivr.net/gh/${config.username}/${config.repo}@${config.branch}/`;
|
||||
const githubResourceUrl = `raw.githubusercontent.com/${username}/${repo}/${branch}/`;
|
||||
const cdnResourceUrl = `cdn.jsdelivr.net/gh/${username}/${repo}@${branch}/`;
|
||||
return useDefault
|
||||
? res.content.download_url.replace(githubResourceUrl, cdnResourceUrl)
|
||||
: res.content.download_url;
|
||||
@ -81,20 +84,21 @@ async function ghFileUpload(content, filename) {
|
||||
//-----------------------------------------------------------------------
|
||||
|
||||
async function giteeUpload(content, filename) {
|
||||
const useDefault = JSON.parse(
|
||||
localStorage.getItem("imgHost") === "default"
|
||||
const useDefault = localStorage.getItem("imgHost") === "default";
|
||||
const { username, repo, branch, accessToken } = getConfig(
|
||||
useDefault,
|
||||
"gitee"
|
||||
);
|
||||
const config = getConfig(useDefault, "gitee");
|
||||
const dir = getDir();
|
||||
const dateFilename = getDateFilename(filename);
|
||||
const url = `https://gitee.com/api/v5/repos/${config.username}/${config.repo}/contents/${dir}/${dateFilename}`;
|
||||
const url = `https://gitee.com/api/v5/repos/${username}/${repo}/contents/${dir}/${dateFilename}`;
|
||||
const res = await fetch({
|
||||
url,
|
||||
method: "POST",
|
||||
data: {
|
||||
access_token: config.accessToken,
|
||||
branch: config.branch,
|
||||
content: content,
|
||||
content,
|
||||
branch,
|
||||
access_token: accessToken,
|
||||
message: `Upload by ${window.location.href}`,
|
||||
},
|
||||
});
|
||||
@ -114,20 +118,17 @@ function getQiniuToken(accessKey, secretKey, putPolicy) {
|
||||
}
|
||||
|
||||
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 { accessKey, secretKey, bucket, region, path, domain } = JSON.parse(
|
||||
localStorage.getItem("qiniuConfig")
|
||||
);
|
||||
const dir = qiniuConfig.path ? qiniuConfig.path + "/" : "";
|
||||
const token = getQiniuToken(accessKey, secretKey, {
|
||||
scope: bucket,
|
||||
deadline: Math.trunc(new Date().getTime() / 1000) + 3600,
|
||||
});
|
||||
const dir = path ? `${path}/` : "";
|
||||
const dateFilename = dir + getDateFilename(file.name);
|
||||
const config = {
|
||||
region: qiniuConfig.region,
|
||||
region,
|
||||
};
|
||||
const observable = qiniu.upload(file, dateFilename, token, {}, config);
|
||||
return new Promise((resolve, reject) => {
|
||||
@ -139,7 +140,7 @@ async function qiniuUpload(file) {
|
||||
reject(err.message);
|
||||
},
|
||||
complete: (result) => {
|
||||
resolve(`${qiniuConfig.domain}/${result.key}`);
|
||||
resolve(`${domain}/${result.key}`);
|
||||
},
|
||||
});
|
||||
});
|
||||
@ -151,22 +152,27 @@ async function qiniuUpload(file) {
|
||||
|
||||
async function aliOSSFileUpload(content, filename) {
|
||||
const dateFilename = getDateFilename(filename);
|
||||
const aliOSSConfig = JSON.parse(localStorage.getItem("aliOSSConfig"));
|
||||
const {
|
||||
region,
|
||||
bucket,
|
||||
accessKeyId,
|
||||
accessKeySecret,
|
||||
cdnHost,
|
||||
path,
|
||||
} = JSON.parse(localStorage.getItem("aliOSSConfig"));
|
||||
const buffer = Buffer(content, "base64");
|
||||
try {
|
||||
const dir = `${aliOSSConfig.path}/${dateFilename}`;
|
||||
const dir = `${path}/${dateFilename}`;
|
||||
const client = new OSS({
|
||||
region: aliOSSConfig.region,
|
||||
bucket: aliOSSConfig.bucket,
|
||||
accessKeyId: aliOSSConfig.accessKeyId,
|
||||
accessKeySecret: aliOSSConfig.accessKeySecret,
|
||||
region,
|
||||
bucket,
|
||||
accessKeyId,
|
||||
accessKeySecret,
|
||||
});
|
||||
const res = await client.put(dir, buffer);
|
||||
return aliOSSConfig.cdnHost == ""
|
||||
return cdnHost == ""
|
||||
? res.url
|
||||
: `${aliOSSConfig.cdnHost}/${
|
||||
aliOSSConfig.path == "" ? dateFilename : dir
|
||||
}`;
|
||||
: `${cdnHost}/${path == "" ? dateFilename : dir}`;
|
||||
} catch (e) {
|
||||
return Promise.reject(e);
|
||||
}
|
||||
@ -178,27 +184,29 @@ async function aliOSSFileUpload(content, filename) {
|
||||
|
||||
async function txCOSFileUpload(file) {
|
||||
const dateFilename = getDateFilename(file.name);
|
||||
const txCOSConfig = JSON.parse(localStorage.getItem("txCOSConfig"));
|
||||
const { secretId, secretKey, bucket, region, path, cdnHost } = JSON.parse(
|
||||
localStorage.getItem("txCOSConfig")
|
||||
);
|
||||
const cos = new COS({
|
||||
SecretId: txCOSConfig.secretId,
|
||||
SecretKey: txCOSConfig.secretKey,
|
||||
SecretId: secretId,
|
||||
SecretKey: secretKey,
|
||||
});
|
||||
return new Promise((resolve, reject) => {
|
||||
cos.putObject(
|
||||
{
|
||||
Bucket: txCOSConfig.bucket,
|
||||
Region: txCOSConfig.region,
|
||||
Key: `${txCOSConfig.path}/${dateFilename}`,
|
||||
Bucket: bucket,
|
||||
Region: region,
|
||||
Key: `${path}/${dateFilename}`,
|
||||
Body: file,
|
||||
},
|
||||
function (err, data) {
|
||||
if (err) {
|
||||
reject(err);
|
||||
} else if (txCOSConfig.cdnHost) {
|
||||
} else if (cdnHost) {
|
||||
resolve(
|
||||
txCOSConfig.path != ""
|
||||
? `${txCOSConfig.cdnHost}/${txCOSConfig.path}/${dateFilename}`
|
||||
: `${txCOSConfig.cdnHost}/${dateFilename}`
|
||||
path == ""
|
||||
? `${cdnHost}/${dateFilename}`
|
||||
: `${cdnHost}/${path}/${dateFilename}`
|
||||
);
|
||||
} else {
|
||||
resolve(`https://${data.Location}`);
|
||||
|
||||
@ -518,8 +518,11 @@ export default {
|
||||
|
||||
// 图片上传前的处理
|
||||
beforeUpload(file) {
|
||||
if (!this.validateConfig()) {
|
||||
return;
|
||||
const imgHost = localStorage.getItem("imgHost");
|
||||
const config = localStorage.getItem(`${imgHost}Config`);
|
||||
if (!config && imgHost !== "" && imgHost !== "default") {
|
||||
this.$message.error(`请先配置 ${imgHost} 图床参数`);
|
||||
return false;
|
||||
}
|
||||
|
||||
this.uploadingImg = true;
|
||||
@ -538,50 +541,6 @@ export default {
|
||||
});
|
||||
return false;
|
||||
},
|
||||
validateConfig() {
|
||||
let checkRes = true,
|
||||
errMessage = "";
|
||||
|
||||
switch (localStorage.getItem("imgHost")) {
|
||||
case "github":
|
||||
checkRes =
|
||||
this.formGitHub.repo && this.formGitHub.accessToken;
|
||||
errMessage = checkRes ? "" : "请先配置 GitHub 图床参数";
|
||||
break;
|
||||
case "gitee":
|
||||
checkRes =
|
||||
this.formGitee.repo && this.formGitee.accessToken;
|
||||
errMessage = checkRes ? "" : "请先配置 Gitee 图床参数";
|
||||
break;
|
||||
case "aliOSS":
|
||||
checkRes =
|
||||
this.formAliOSS.accessKeyId &&
|
||||
this.formAliOSS.accessKeySecret &&
|
||||
this.formAliOSS.bucket &&
|
||||
this.formAliOSS.region;
|
||||
errMessage = checkRes ? "" : "请先配置阿里云 OSS 参数";
|
||||
break;
|
||||
case "txCOS":
|
||||
checkRes =
|
||||
this.formTxCOS.secretId &&
|
||||
this.formTxCOS.secretKey &&
|
||||
this.formTxCOS.bucket &&
|
||||
this.formTxCOS.region;
|
||||
errMessage = checkRes ? "" : "请先配置腾讯云 COS 参数";
|
||||
break;
|
||||
case "qiniu":
|
||||
checkRes =
|
||||
this.formQiniu.accessKey &&
|
||||
this.formQiniu.secretKey &&
|
||||
this.formQiniu.bucket &&
|
||||
this.formQiniu.domain &&
|
||||
this.formQiniu.region;
|
||||
errMessage = checkRes ? "" : "请先配置七牛云 Kodo 参数";
|
||||
break;
|
||||
}
|
||||
errMessage && this.$message.error(errMessage);
|
||||
return checkRes;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user