el-uploadjs图片转base64
时间: 2024-06-19 08:01:43 浏览: 164
`el-uploadjs` 是 Element UI 提供的一个文件上传组件,它允许用户上传图片,并提供了一些便捷的功能,比如将图片转换为 Base64 格式。在使用时,你可以通过监听文件上传完成后的 `on-success` 或 `on-change` 事件,获取到上传的图片文件,然后调用 JavaScript 的 `FileReader` API 将图片转换为 Base64。
以下是一个简单的示例:
```javascript
import { ElUpload } from 'element-plus';
export default {
components: {
ElUpload,
},
methods: {
handleImageUpload(file) {
const reader = new FileReader();
reader.onload = function (e) {
const imgBase64 = e.target.result;
// 在这里可以对 base64 数据进行操作,例如存储到数据库或显示在页面上
console.log('Image base64:', imgBase64);
};
reader.readAsDataURL(file);
},
},
setup() {
return {
upload: {
action: 'your-server-url', // 上传地址
onSuccess: this.handleImageUpload, // 图片上传成功后的回调
},
};
},
}
```
阅读全文