前端图片转Base64

<template>
     <div>
        <input type="file" :value="fileValue" id="upImageFile" @change="ImageToBase64">
        <img :src="iconBase64" alt="" width="200"/>
        <button>上传</button>
     </div>
</template>
 
<script>
    export default{
        data(){
            return{
                fileValue: "",
                iconBase64: ""
            }
        }
        methods: {
            //将本地图片转化为Base64
            ImageToBase64() {
                let files = document.getElementById('upImageFile').files[0];
                var reader = new FileReader()
                reader.readAsDataURL(files)
                reader.onload = () => {
                    console.log('file 转 base64结果：' + reader.result)
                    this.iconBase64 = reader.result
                }
                reader.onerror = function (error) {
                    console.log('Error: ', error)
                }
            }
        }
    }
</script>