You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.2 KiB
57 lines
1.2 KiB
3 years ago
|
<template>
|
||
|
|
<view class="demo">
|
||
|
|
<ss-upload-image :url="url" :file-list="fileList" :name="name" @on-success="onSuccess" @on-error="onError" @on-remove="onRemove" @on-process="onProcess"></ss-upload-image>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import ssUploadImage from '@/components/ss-upload-image/ss-upload-image.vue'
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
fileList: [],
|
||
|
|
url: 'http://',
|
||
|
|
name: 'file'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
ssUploadImage
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
// 上传成功
|
||
|
|
onSuccess(res) {
|
||
|
|
// 响应示例
|
||
|
|
// {
|
||
|
|
// code: 0,
|
||
|
|
// data: {
|
||
|
|
// image_url: 'http://www.xxxxx.png'
|
||
|
|
// },
|
||
|
|
// message: '上传成功'
|
||
|
|
// }
|
||
|
|
if (res.code === 0) {
|
||
|
|
this.fileList.push(res.data.image_url)
|
||
|
|
}
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
// 上传进程
|
||
|
|
onProcess(res) {
|
||
|
|
console.log(res)
|
||
|
|
},
|
||
|
|
// 上传失败
|
||
|
|
onError(err) {
|
||
|
|
console.log(err)
|
||
|
|
},
|
||
|
|
// 移除
|
||
|
|
onRemove(index) {
|
||
|
|
this.fileList.splice(index, 1)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.demo {
|
||
|
|
padding: 40upx 20upx;
|
||
|
|
}
|
||
|
|
</style>
|