6.12号整理（h5新特性-图片、文件上传）

    <input type="file" id='myfile' multiple>
    <ul>
        <li>
            <img src="" alt="">
        </li>
        <li>
            <img src="" alt="">
        </li>
    </ul>
    <script>
        //文件上传
        //file 属性  this.files 可读属性：name  type size
        document.getelementbyid('myfile').onchange=function(){
            console.log(this.files);//
            for(var i=0;i<this.files.length;i++){
                console.log(this.files[i]);
                var file=this.files[i];
                //读取
                var filereader=new filereader();
                //读取方式
                filereader.readasdataurl(file);
                //结果
                filereader.onload=function(){
                    console.log(this.result);
                    //追加插入页面  li-img
                    var img=document.createelement('img');
                    img.setattribute('src',this.result);
                    var lis=document.createelement('li');
                    lis.appendchild(img);
                    document.queryselector('ul').appendchild(lis);
                }
            }

        }       
    </script>