小程序 wx.base64ToArrayBuffer调用失败提示“atob”

最新推荐文章于 2025-03-17 11:03:10 发布

m0_61991253

最新推荐文章于 2025-03-17 11:03:10 发布

阅读量1.3k

点赞数 6

本文链接：https://blog.youkuaiyun.com/m0_61991253/article/details/139611508

版权

0. 写在前面

我是现在web环境（H5端）下可以使用atob方法可以图中问题解决，但是运行在小程序端可能会报错（估计小程序没有这个方法，我前后用了wx.base64ToArrayBuffer和uni.base64ToArrayBuffer都不行）

注：atob方法如果在微信开发者工具上可以看，但是在手机上是看不到的，我就是这个问题，才使用别人写好的js来解决的。

1.环境（uniapp转微信小程序+vue2）

注意：在浏览器环境和小程序区别

    这个是在浏览器环境用
    this.content = decodeURIComponent(atob(这里面就是后端返给你的base64字符串))
    console.log(this.content)  //得到html表格 直接v-html，渲染出来

    这个是在微信小程序环境用
    this.content = decodeURIComponent(weAtob(这里面就是后端返给你的base64字符串))
    // weAtob方法是我在网上找来的，相当于web环境下atob方法

以下是方法实现源码（js，ts都有）

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true });
var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/;
exports.weBtoa = function (string) {
   
    string = String(string);
    var bitmap, a, b, c, result = "", i = 0, rest = string.length % 3;
    for (; i < string.length;) {
   
        if ((a = string.charCodeAt(i++)) > 255 ||
            (b = string.charCodeAt(i++)) > 255 ||
            (c = string.charCodeAt(i++)) > 255)
            throw new TypeError("Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.");
        bitmap = (a << 16) | (b << 8) | c;
        result += b64.charAt(bitmap >> 18 & 63) + b64.charAt(bitmap >> 12 & 63) +
            b64.charAt(bitmap >> 6 & 63) + b64.charAt(bitmap & 63);
    }
    return rest ? result.slice(0, rest - 3) + "===".substring(rest) : result;
};
exports.weAtob = function (string) {
   
    string = String(string).replace(/[\t\n\f\r ]+/<