40 lines
1.0 KiB
Vue
40 lines
1.0 KiB
Vue
<template>
|
||
<el-upload :data="dataObj" :multiple="true" :before-upload="beforeUpload" action="https://upload.qbox.me" drag>
|
||
<i class="el-icon-upload" />
|
||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||
</el-upload>
|
||
</template>
|
||
|
||
<script>
|
||
import { getToken } from '@/api/qiniu'
|
||
// 获取七牛token 后端通过Access Key,Secret Key,bucket等生成token
|
||
// 七牛官方sdk https://developer.qiniu.com/sdk#official-sdk
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
dataObj: { token: '', key: '' },
|
||
image_uri: [],
|
||
fileList: []
|
||
}
|
||
},
|
||
methods: {
|
||
beforeUpload() {
|
||
const _self = this
|
||
return new Promise((resolve, reject) => {
|
||
getToken().then(response => {
|
||
const key = response.data.qiniu_key
|
||
const token = response.data.qiniu_token
|
||
_self._data.dataObj.token = token
|
||
_self._data.dataObj.key = key
|
||
resolve(true)
|
||
}).catch(err => {
|
||
console.log(err)
|
||
reject(false)
|
||
})
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|