chengtongpo 发表于 2021-3-8 08:54

文件读取

☞FileReader
          FileReader                       接口有3个用来读取文件方法返回结果在result中
          readAsBinaryString    ---将文件读取为二进制编码
          readAsText                   ---将文件读取为文本
          readAsDataURL                   ---将文件读取为DataURL

☞FileReader 提供的事件模型
       onabort          中断时触发
   onerror          出错时触发
   onload          文件读取成功完成时触发
   onloadend        读取完成触发，无论成功或失败
   onloadstart        读取开始时触发
   onprogress        读取中

☞ 小案例
let oInput = document.querySelector("input");
oInput.onchange = function(){
    //获取文件
    let file = this.files;
    //创建读取器
    let reader = new FileReader();
    //开始读取
    reader.readAsText(file);
    reader.onload = function(){
      console.log(reader.result);
    }
}


页: [1]
查看完整版本: 文件读取