input file读取文件

js读取 input file 文件的两种方式：

<div id=\"localImag\">
    <img id=\"preview\" src=\"\" width=\"150\" height=\"180\" style=\"display: block; width: 150px; height: 180px;\">
    <input type=\"file\" name=\"img\" id=\"docfile\" style=\"width:150px;\"  =\"setImagePreview();\">
</div>

1.使用FileReader读取图片（转化为 64）

function setImagePreview() {
        var docObj = document.getElementById(\"docfile\");
        var imgObjPreview = document.getElementById(\"preview\");
        console.log(docObj.files[0])
        if (docObj.files && docObj.files[0]) {
            //imgObjPreview.src = docObj.files[0].getAsDataURL();
            //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
            // imgObjPreview.src = window.URL.create URL(docObj.files[0]);
            var reader = new FileReader();
            reader.readAsDataURL(docObj.files[0]);//发起异步请求
            reader.  = function(){
                //读取完成后，数据保存在对象的result属性中
                // console.log(this.result)
                imgObjPreview.src=this.result
            }
        }