当前位置: 首页 > 工具软件 > Filebase > 使用案例 >

vue+上传,将拿到的file转成base64地址

甄阳朔
2023-12-01

前言:

       在某些时候我们只给后台file文件,后台会给我们返回一个地址,但是也有时候后台上传图片想要一个base64,这里提供转换方法。

转换方法:

     /**
       * @param file 
       * @return base64
       * */
      getBase64(file) {
        return new Promise((resolve, reject) => {
          let reader = new FileReader();
          let fileResult = "";
          reader.readAsDataURL(file);
          //开始转
          reader.onload = function() {
            fileResult = reader.result;
          };
          //转 失败
          reader.onerror = function(error) {
            reject(error);
          };
          //转 结束  咱就 resolve 出去
          reader.onloadend = function() {
            resolve(fileResult);
          };
        });
      }

调用方法:

this.getBase64(file).then(res=>{
     this.addfrom.content = res;
 });

到此为止!

 类似资料: