vue-cropperjs 获取剪辑后的图片格式
时间: 2023-08-24 15:37:32 浏览: 168
vue3-cropperjs:vue-next 的一个简单的图片剪辑插件
通过 vue-cropperjs 剪辑后得到的图片格式是 base64 格式的字符串。可以在 `cropped()` 方法中获取剪辑后的图片数据,例如:
```javascript
<template>
<vue-cropper
ref="cropper"
...
@cropped="getCroppedData"
/>
</template>
<script>
export default {
methods: {
getCroppedData(dataUrl) {
console.log(dataUrl);
// dataUrl 即为剪辑后的图片数据,格式为 base64 字符串
}
}
}
</script>
```
阅读全文