h5의 FileReader

1725 단어 html
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>

좋은 웹페이지 즐겨찾기