input 图片上传

一直不明白input上传的过程原理。

  <input type="file" onchange="go(this)">
    <img id="iimg"  alt="">
    <script>
        function go(s){
            var file=s.files[0];
            var render=new FileReader();
            render.readAsDataURL(file);//转为base64格式
            render.onload=function(ee){
                console.log(ee)
                document.getElementById('iimg').src=ee.target.result
            }
        }
    </script>

1 file表单上传后能拿到一个files数组；
2 拿到files[0]，通过filereader来实现预览
3 files[0]能读到文件名；reader.onload函数能读到图片资源值；
然后做其他处理
遇见问题，留作参考