插件名称 | vue-avatar-cropper |
---|---|
版本号 | v2.0.1 |
发布时间 | 2020年9月6日 |
插件作者 | overtrue |
轻松优雅的图像裁剪器,可上传头像。
特征:
$ npm i vue-avatar-cropper --save-dev
<template>
<div class="text-center">
<img v-if="userAvatar" :src="userAvatar">
<button id="pick-avatar">选择一张图片</button>
<avatar-cropper
@uploaded="handleUploaded"
trigger="#pick-avatar"
upload-url="/files/upload" />
</div>
</template>
<script>
import AvatarCropper from "vue-avatar-cropper"
export default {
components: { AvatarCropper },
data() {
return {
userAvatar: undefined,
}
},
methods: {
handleUploaded(resp) {
this.userAvatar = resp.relative_url;
}
}
}
</script>
08/03/2021
08/01/2021
07/23/2021
07/17/2021
04/21/2021
2020/09/22
2020/09/05