h5中的FileReader

最新推荐文章于 2025-05-09 11:48:20 发布

原创最新推荐文章于 2025-05-09 11:48:20 发布 · 338 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#FileReader

html 专栏收录该内容

15 篇文章

订阅专栏

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>