- 需求:Upload組件,用post方法上傳base64轉碼文件。
- 解決方法:用before-upload事件來獲取file轉換格式,並調用接口,最後return false阻止默認上傳方式。
<div>
<Upload action="" :before-upload="beforeUpload">
</div>
<script>
export default {
methods: {
beforeUpload (file) {
let reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = e => {
let _file = e.target.result
this.$api.post({
'data': Base64.encode(_file)
}).then( res => {
// 上傳成功
})
}
return false // 阻止Upload的默認上傳
},
}
}
</script>