Javascript|Javascript中的文件读取内置对象————FileReader

FileReader 【Javascript|Javascript中的文件读取内置对象————FileReader】FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件的内容
FileReader()是一个构造函数
FilerReader.readAsDataURL() 用于读取文件,是一个异步API
具体使用方法如下:

// 此代码用于将用户选择的文件展示在相应的位置 var file = document.querySelector('#file'); var pic = document.querySelector('#pic'); // 当用户选择文件后触发 file.onchange = function() { // 创建文件读取对象 var reader = new FileReader(); // 用户选择的文件列表 console.log(this.files); // 读取文件 reader.readAsDataURL(this.files[0]); // 异步函数无法通过返回值获取结果 // 监听onload事件 reader.onload = function() { // reader.result能够获取图片显示的结果---一串路径字符串 pic.src = https://www.it610.com/article/reader.result; }

    推荐阅读