首页前端工具函数免费API

免费API

分类前端工具函数时间2025-11-14 10:24:22发布RustStream浏览307
摘要:˃ 获取图片 700 : 宽度;400高度 https://loremflickr.com/700/400 /** * 将 Base64 字符串转换为 Blob 对象 * @param {string} base64String - 完整的 Base64 字符串(含前缀) * @param {string} mimeType - 文件类型(如 'image/png',可选,默认从 Base64 前缀提取) * @returns <!--autointro-->...

获取图片
700 : 宽度;400高度
https://loremflickr.com/700/400

/**
    * 将 Base64 字符串转换为 Blob 对象
    * @param {string} base64String - 完整的 Base64 字符串(含前缀)
    * @param {string} mimeType - 文件类型(如 'image/png',可选,默认从 Base64 前缀提取)
    * @returns {Blob} 转换后的 Blob 对象
    */
    base64ToBlob(base64String, mimeType) {
      // 提取 Base64 数据部分(去除前缀)
      const base64Data = base64String.split(',')[1];
      // 解码 Base64 为二进制字符串
      const byteCharacters = atob(base64Data);
      // 转换为 Uint8Array 二进制数组
      const byteNumbers = new Array(byteCharacters.length);
      for (let i = 0; i < byteCharacters.length; i++) {
        byteNumbers[i] = byteCharacters.charCodeAt(i);
      }
      const byteArray = new Uint8Array(byteNumbers);

      // 确定 MIME 类型(优先使用传入的,否则从 Base64 前缀提取)
      const type = mimeType || base64String.split(';')[0].split(':')[1];
      
      // 生成 Blob 对象(可直接作为文件使用)
      return new Blob([byteArray], { type });
    },

本文链接:https://blog.smallhao.fun/?id=42 转载需授权!

分享到:

Chen’Blog版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

Canvas 绘制荣誉证书等(下载、自定义) 从文件名中提取文件类型后缀

游客 回复需填写必要信息
召唤伊斯特瓦尔