Javascript上传图片转base64并预览

Javascript上传图片转base64并预览

HTML：

<div>
     <input type="file" id="myimg"
            onchange="imgChange(this)"
            accept="image/png,image/gif,image/jpeg"/>
     <img width="300px"  src="" alt="">
 </div>

JS

function imgChange(img) {
    
    
    // 生成一个文件读取的对象
    const reader = new FileReader();
    reader.onload = function (ev) {
    
    
        // base64码
        var imgFile =ev.target.result;//或e.target都是一样的
        document.querySelector("img").src= ev.target.result;
    }
    //发起异步读取文件请求，读取结果为data:url的字符串形式，
    reader.readAsDataURL(img.files[0]);
}