图片或文件转base64

原创于 2021-12-01 15:06:45 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

vue 同时被 2 个专栏收录

30 篇文章

订阅专栏

27 篇文章

订阅专栏

这篇博客介绍了如何将文件转换为Base64编码，通过`imageToBase64`函数展示了读取文件并转化为Base64的过程。在转换成功后，将Base64字符串进行分割获取目标数据，并在实际应用中展示了调用该方法的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    //file文件转base64方法
    imageToBase64(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.imageToBase64(param.file).then((resBase64) => {
          this.imageUrl = resBase64;

          //这就是要获取的目标数据
          this.imageBase64Url = resBase64.split(",")[1];
        });