h5中的FileReader

FileReader文档

    <input id="input" type="file">
    <img id="img" src=""/>

    <script>
        var inpDom = document.getElementById("input");
        var imgDom = document.getElementById("img");
        inpDom.onchange = function(e){
            let file = e.target.files[0]
            if(FileReader){
                    let fr = new FileReader()
                    fr.onload = (e)=>{
                        //base64编码
                        console.log(e.target.result)
                        imgDom.img.src = e.target.result
                    }
                    fr.readAsDataURL(file)
                }
        }
    </script>