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.
56 lines
1.2 KiB
56 lines
1.2 KiB
<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>
|
|
|