上传图片转换格式为base64并预览

Posted 2021-03-12 huahaiwujiang

<input type=‘file‘ id=‘fileEl‘/>

function base64() {
    let fileObj = document.getElementById(‘fileEl‘).files[0]  //获取文件对象
    let reader = new FileReader()   //新建一个FileReader对象
    reader.readAsDataURL(fileObj)   //将读取的文件转换成base64格式
    reader.onload = function(e) {
        document.getElementById(‘img‘).src = e.target.result    //将img标签的src换成base64格式，并显示出来
    }
}