利用h5中的FileReader对象读取本地文件

最新推荐文章于 2024-07-26 08:29:23 发布

愚舜

最新推荐文章于 2024-07-26 08:29:23 发布

阅读量2.5k

点赞数

分类专栏： javascript 文章标签： FileReader

本文链接：https://blog.csdn.net/first_shun/article/details/90707494

版权

javascript 专栏收录该内容

47 篇文章 3 订阅

订阅专栏

利用h5新的api读取本地文件

1.利用input中type="file"获取本地文件

2.利用FileReader对象对文件进行读取

let file=document.getElementById('asFile');
            file.onchange=function(){            //利用input type=file将文件上传
                let read=new FileReader();       //创建FileReader对象
                read.readAsText(file.files[0]);  //利用FileReader对象中的属性读取文件内容
                read.onload=function(){
                    console.log(read.result);    //读取成功，获取的内容在result中
                }
                read.onerror=function(e){        //读取失败，获得返回的错误
                    console.log('Error'+e);
                }
            }