<template>
<input type="file" ref="inputRefs" style="display:none"
id="#input" accept="image/*" @change="onFileChange" />
</template>
<script>
/*readAsDataURL 方法会读取指定的 Blob 或 File 对象。
读取操作完成的时候,readyState 会变成已完成DONE,并触发 loadend (en-US) 事件,
同时 result 属性将包含一个data:URL格式的字符串(base64编码)以表示所读取文件的内容。*/
.............
onFileChange(e) {
const file = e.target.files[0] //目标文件
let reader = new FileReader()
reader.readAsDataURL(file); //转为文件流
reader.onload = (e) => {
let base64 = e.target.result
console.log('e.target.result', base64);
}
},
</script>
input读取文件并转为base64
最新推荐文章于 2024-08-09 11:00:24 发布
关键词由CSDN通过智能技术生成