纯前端图片上传

图片上传

• 方案一：文件 -> 内存临时地址（这个地址只能在js里内存里不能发给后台）

  • 语法: URL.createObjectURL(文件)

  • this.avatar = URL.createObjectURL(files[0])
    

• 方案二：文件 -> base64字符串(此字符串是可以发给后台的)

  • const fr = new FileReader();
          fr.readAsDataURL(files[0]);
          // 传入文件对象开始读
          fr.onload = (e) => {
            // onload等待把文件读成base64字符串后会触发onload事件函数// e.target.result的值就是读完的结果
            this.avatar = e.target.result;
          };