<input type='file'>

<img src=''  alt=''>

<script>

    const inp = document.querySelector('input')

    const img = document.querySelector('img')

    inp.addEventListener('change',function(e){

        const fileInfo = e.targer.files[0]

        const fr = new FileReader()

        // 这个方法是以base64编码形式解析文件

        fr.readAsDataURL(fileInfo)

        fr.onload = function() {

            // console.log(ft.result)

            img.src = fr.result

        }

    })

</script>

fr.readAsArrayBuffer(fileInfo)

// 用数字的方式组成的文件信息

fr.readAsTest(fileInfo)

// 读一个HTML片段 - 富文本就是这么来的

fr.onprogress = function(e){

    console.log(e)

}

// 进度条的形式，分段上传