前端 img图片的img base64格式转换成文件格式

最新推荐文章于 2024-05-20 22:28:51 发布

书山有路_邓

最新推荐文章于 2024-05-20 22:28:51 发布

阅读量225

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_41497075/article/details/137500533

版权

imgBase64格式-转换-文件格式


_base64ToFile(base64Str) {
      // 步骤1: 移除Base64字符串的前缀
      let base64Data = base64Str.split(',')[1];

      // 步骤2: 将Base64字符串转换为Blob对象
      let byteString = window.atob(base64Data);
      let arrayBuffer = new ArrayBuffer(byteString.length);
      let int8Array = new Uint8Array(arrayBuffer);
      for (let i = 0; i < byteString.length; i++) {
          int8Array[i] = byteString.charCodeAt(i);
      }
      let blob = new Blob([int8Array], { type: 'image/png' });

      // 步骤3: 将Blob对象转换为File对象
      let file = new File([blob], "filename.png", { type: 'image/png' });

      console.log(file,"file");

      this.selectedFile = file;
      // 这里可以进行后续操作，比如上传文件等
    },