1***@qq.com
1***@qq.com
  • 发布:2023-02-25 18:51
  • 更新:2023-04-18 09:42
  • 阅读:525

【报Bug】最新版HBuilderX中,为什么手机端和内置浏览器中的base64不一样( 手机端是错的)

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.7.3

手机系统: Android

手机系统版本号: Android 11

手机厂商: OPPO

手机机型: OPPO A32

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

.

预期结果:

.

实际结果:

.

bug描述:

我的base64,下载来自插件市场的js-base64 --> https://ext.dcloud.net.cn/plugin?id=6

我用"中国人"base64, 结果:

内置浏览器-->显示结果: 5Lit5Zu95Lq6
手机端-->显示结果: w6TCuMKtw6XCm8K9w6TCusK6 (错的)

我的代码极为简单,如下, 我实在找不到自已原因, 因此推断是BUG

<template>  

</template>  

<script>  

  import {Base64} from "./base64";    

  console.log(Base64.encode('中国人'));  

</script>  
2023-02-25 18:51 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

注: 我把 base64.js 放在 index.vue 同一目录中.

1***@qq.com

1***@qq.com (作者)

自已顶一下, 我换了台手机, 打包安装测试, 也是一样的,

1***@qq.com

1***@qq.com (作者)

已证明, 不是BUG, 是js-base64.js问题.
正在整理中,稍候分享出来

1***@qq.com

1***@qq.com (作者)

插件市场中下载排名第1的JS-BASE64中的,base64.js好像不行
.(我是小白,可能结论有错,欢迎指正)

我自已根据网上搜到的,整理如下:
摘自"青衣浏阳"CSDN博客: https://blog.csdn.net/m0_49016709/article/details/111475416

已在真机上,内置浏览器上,都正常执行结果!

支持VUE3,非常省事.


function kBase64Encode(input) {  
  function _utf8_encode(string) {  
    string = string.replace(/\r\n/g, "\n");  
    var utftext = "";  
    for (var n = 0; n < string.length; n++) {  
      var c = string.charCodeAt(n);  
      if (c < 128) {  
        utftext += String.fromCharCode(c);  
      } else if ((c > 127) && (c < 2048)) {  
        utftext += String.fromCharCode((c >> 6) | 192);  
        utftext += String.fromCharCode((c & 63) | 128);  
      } else {  
        utftext += String.fromCharCode((c >> 12) | 224);  
        utftext += String.fromCharCode(((c >> 6) & 63) | 128);  
        utftext += String.fromCharCode((c & 63) | 128);  
      }  
    }  
    return utftext;  
  };  

  if (!input) {  
    console.log("请传入要加密的值");  
    return;  
  };  

  var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";  
  var output = "";  
  var chr1, chr2, chr3, enc1, enc2, enc3, enc4;  
  var i = 0;  
  input = _utf8_encode(input);  
  while (i < input.length) {  
    chr1 = input.charCodeAt(i++);  
    chr2 = input.charCodeAt(i++);  
    chr3 = input.charCodeAt(i++);  
    enc1 = chr1 >> 2;  
    enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);  
    enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);  
    enc4 = chr3 & 63;  
    if (isNaN(chr2)) {  
      enc3 = enc4 = 64;  
    } else if (isNaN(chr3)) {  
      enc4 = 64;  
    }  
    output = output +  
      _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +  
      _keyStr.charAt(enc3) + _keyStr.charAt(enc4);  
  }  
  return output;  
};  

// public method for decoding  
function kBase64Decode(input) {  
  function _utf8_decode(utftext) {  
    var string = "";  
    var i = 0;  
    let c = 0,  
      c1 = 0,  
      c2 = 0;  
    while (i < utftext.length) {  
      c = utftext.charCodeAt(i);  
      if (c < 128) {  
        string += String.fromCharCode(c);  
        i++;  
      } else if ((c > 191) && (c < 224)) {  
        c2 = utftext.charCodeAt(i + 1);  
        string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));  
        i += 2;  
      } else {  
        c2 = utftext.charCodeAt(i + 1);  
        c1 = utftext.charCodeAt(i + 2);  
        string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c1 & 63));  
        i += 3;  
      }  
    }  
    return string;  
  };  

  if (!input) {  
    console.log("请传入要解密的值");  
    return;  
  };  

  var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";  
  var output = "";  
  var chr1, chr2, chr3;  
  var enc1, enc2, enc3, enc4;  
  var i = 0;  
  input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");  
  while (i < input.length) {  
    enc1 = _keyStr.indexOf(input.charAt(i++));  
    enc2 = _keyStr.indexOf(input.charAt(i++));  
    enc3 = _keyStr.indexOf(input.charAt(i++));  
    enc4 = _keyStr.indexOf(input.charAt(i++));  
    chr1 = (enc1 << 2) | (enc2 >> 4);  
    chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);  
    chr3 = ((enc3 & 3) << 6) | enc4;  
    output = output + String.fromCharCode(chr1);  
    if (enc3 != 64) {  
      output = output + String.fromCharCode(chr2);  
    }  
    if (enc4 != 64) {  
      output = output + String.fromCharCode(chr3);  
    }  
  }  
  output = _utf8_decode(output);  
  return output;  
};
大明子

大明子

我也遇到关于base64解码的问题,

base64字符串为 图片二进制文件流, 但在前端解码后写入文件就会损坏,
试了好几个库,都不能解决,有没有大佬知道?

要回复问题请先登录注册