【Web前端问题】上传图片转base64,报错

• Z时代
• 2024-01-10
• 分类：技术分享

报错：ERROR TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.
这是用ionic写的

\\xx.html
<input type="file" (change)="selectImage(this.files)" accept="image/jpeg,image/png,image/jpg">

\\xx.ts
selectImage(file){
      var reader = new FileReader();
      reader.onload = function(file){
        // console.log(evt.currentTarget)
      }
      reader.readAsDataURL(file);
      console.log(reader.readAsDataURL(file));  
  }

回答：

selectImage(event){
      let reader = new FileReader();
      let file = event.target.files[0];
      reader.readAsDataURL(file);
      reader.onload = function(){
        console.log(reader.result)
      }
    }

回答：

this.files是个类数组吧，取第一个reader.readAsDataURL(file[0]);

回答：

我想问下我怎么把blob转成base64呀。我获取的字符串为：url("blob:http://localhost/:8080/cc116c31-f8f1-47b1-a87b-96d948253495")。请大神赐教

以上是 【Web前端问题】上传图片转base64,报错 的全部内容， 来源链接： utcz.com/a/139565.html