|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="upload-container">
|
|
|
<el-button
|
|
|
- :disabled="disabled"
|
|
|
+ :disabled="disabled"
|
|
|
icon="el-icon-upload"
|
|
|
size="mini"
|
|
|
:style="{ background: color, borderColor: color }"
|
|
@@ -11,7 +11,7 @@
|
|
|
</el-button>
|
|
|
<el-dialog append-to-body :visible.sync="dialogVisible">
|
|
|
<el-upload
|
|
|
- :disabled="disabled"
|
|
|
+ :disabled="disabled"
|
|
|
class="editor-slide-upload"
|
|
|
:action="ossUploadUrl"
|
|
|
:data="dataObj"
|
|
@@ -41,10 +41,14 @@ export default {
|
|
|
type: String,
|
|
|
default: "#1890ff",
|
|
|
},
|
|
|
- disabled: {
|
|
|
+ disabled: {
|
|
|
type: Boolean,
|
|
|
default: false,
|
|
|
},
|
|
|
+ bucket_name: {
|
|
|
+ type: String,
|
|
|
+ default: "mall",
|
|
|
+ },
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -60,7 +64,7 @@ export default {
|
|
|
acl: "public-read",
|
|
|
name: "",
|
|
|
},
|
|
|
- ossUploadUrl:'https://ks3-cn-beijing.ksyuncs.com/daya'
|
|
|
+ ossUploadUrl: "https://ks3-cn-beijing.ksyuncs.com/mall",
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -87,11 +91,11 @@ export default {
|
|
|
const uid = file.uid;
|
|
|
|
|
|
const objKeyArr = Object.keys(this.listObj);
|
|
|
- console.log(objKeyArr,'objKeyArr',this.listObj)
|
|
|
+ console.log(objKeyArr, "objKeyArr", this.listObj);
|
|
|
for (let i = 0, len = objKeyArr.length; i < len; i++) {
|
|
|
if (this.listObj[objKeyArr[i]].uid === uid) {
|
|
|
this.listObj[objKeyArr[i]].url =
|
|
|
- this.ossUploadUrl+'/'+ this.listObj[objKeyArr[i]].key;
|
|
|
+ this.ossUploadUrl + "/" + this.listObj[objKeyArr[i]].key;
|
|
|
this.listObj[objKeyArr[i]].hasSuccess = true;
|
|
|
return;
|
|
|
}
|
|
@@ -108,7 +112,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
beforeUpload(file) {
|
|
|
- console.log(file,'试试批量上传')
|
|
|
+ console.log(file, "试试批量上传");
|
|
|
const _self = this;
|
|
|
const fileName = file.uid;
|
|
|
this.listObj[fileName] = {};
|
|
@@ -116,7 +120,9 @@ export default {
|
|
|
let key = new Date().getTime() + file.name;
|
|
|
let obj = {
|
|
|
filename: file.name,
|
|
|
+ bucketName: this.bucket_name,
|
|
|
postData: {
|
|
|
+
|
|
|
filename: file.name,
|
|
|
acl: "public-read",
|
|
|
key: key,
|
|
@@ -136,8 +142,8 @@ export default {
|
|
|
uid: file.uid,
|
|
|
width: this.width,
|
|
|
height: this.height,
|
|
|
- name:file.name,
|
|
|
- key:key
|
|
|
+ name: file.name,
|
|
|
+ key: key,
|
|
|
};
|
|
|
|
|
|
resolve(true);
|