js前端GBK(url)编码解码简单实现

baidu了一堆,发现基本都需要下载并调用第三方组件,嫌麻烦,最后找到这篇文章:https://www.cnblogs.com/index-html/p/js-str-to-gbk-ultra-lite.html
在他的基础上完善了该方法,调用方式: 
decStr2 = GBKencodeURIComponent(decStr1);
decStr3 = GBKdecodeURIComponent(decStr2);

简单纯粹

<input type="button" value="GBK编解码测试" onclick="textDecodeZxy();" /><br>
原始值:<input type="text" id="iddecStr1" style="width:80%"/><br>
编码值:<input type="text" id="iddecStr2" style="width:80%"/><br>
解码值:<input type="text" id="iddecStr3" style="width:80%">
<script language='javascript'>
//GBK(GB2312)解码对照表
const tableEn = new Uint16Array(65536);
//GBK(GB2312)编码对照表
const tableEn2 = new Uint16Array(65536);
//Unicode字符|GBK(GB2312)和UTF-8对应关系
const rangesEn = [[0xA1, 0xA9, 0xA1, 0xFE],[0xB0, 0xF7, 0xA1, 0xFE],[0x81, 0xA0, 0x40, 0xFE],[0xAA, 0xFE, 0x40, 0xA0],[0xA8, 0xA9, 0x40, 0xA0],[0xAA, 0xAF, 0xA1, 0xFE],[0xF8, 0xFE, 0xA1, 0xFE],[0xA1, 0xA7, 0x40, 0xA0],
];
//UTF-8对照表
const codesEn = new Uint16Array(23940);
//编码初始化
function initEnCode() {let i = 0;for (const[b1Begin, b1End, b2Begin, b2End]of rangesEn) {for (let b2 = b2Begin; b2 <= b2End; b2++) {if (b2 !== 0x7F) {for (let b1 = b1Begin; b1 <= b1End; b1++) {codesEn[i++] = b2 << 8 | b1;}}}}const str = new TextDecoder('gbk').decode(codesEn);for (let i = 0; i < str.length; i++) {tableEn[str.charCodeAt(i)] = codesEn[i];tableEn2[codesEn[i]] = str.charCodeAt(i);}
}initEnCode();
/*初始全局变量*///GBK(GB2312)字节转字符串
function gbkToStr(buf){var strResult = "";var strIndex = 0;for(let i = 0; i < buf.length; i++) {if(buf[i] < 0x80){strResult += String.fromCharCode(buf[i]);strIndex ++;}else if(buf[i] >= 0x80 && buf[i + 1] >= 0x80){var codeIndex =  buf[i+1] << 8 | buf[i];var code = tableEn2[codeIndex]strResult += String.fromCharCode(code);i ++;strIndex += 2;}}return strResult;
}//字符串转GBK(GB2312)
function stringToGbk(str) {initEnCode();const buf = new Uint8Array(str.length * 2);let n = 0;for (let i = 0; i < str.length; i++) {const code = str.charCodeAt(i);if (code < 0x80) {buf[n++] = code;} else {const gbk = tableEn[code];buf[n++] = gbk & 0xFF;buf[n++] = gbk >> 8;}}return buf.subarray(0, n);
}//GBK(GB2312)编码
function GBKencodeURIComponent(objTag){var strResult = "";var bytary = stringToGbk(objTag);for(var i = 0; i < bytary.length; i ++){if(bytary[i] < 0x80){strResult += encodeURIComponent(String.fromCharCode(bytary[i]));}else{strResult += "%"+bytary[i].toString(16).toUpperCase();}}return strResult;
}//GBK(GB2312)解码
function GBKdecodeURIComponent(objTag){var strResult = "";var strAry = Array.from(objTag);for(var i = 0; i < strAry.length; i ++){//判断是否中文编码字符if(strAry[i] == "%" && strAry.length - i >= 6 && strAry[3 + i] == "%"){var numByt = [];//16进制var Hex = strAry[i + 1] + strAry[i + 2];//10进制var num = parseInt(Hex, 16);numByt[0] = num;//ASCIIif(num < 0x80){strResult += String.fromCharCode(num);i += 2;}else{//16进制Hex = strAry[i + 4] + strAry[i + 5];//10进制num = parseInt(Hex, 16);numByt[1] = num;strResult += gbkToStr(numByt);i += 5}}//ASCIIelse if(strAry[i] == "%" && strAry.length - i >= 6 && strAry[3 + i] != "%"){var numByt = [];//16进制var Hex = strAry[i + 1] + strAry[i + 2];//10进制var num = parseInt(Hex, 16);numByt[0] = num;//ASCIIstrResult += String.fromCharCode(num);i += 2;}//ASCIIelse if(strAry[i] == "%" && strAry.length - i < 6){var numByt = [];//16进制var Hex = strAry[i + 1] + strAry[i + 2];//10进制var num = parseInt(Hex, 16);numByt[0] = num;//ASCIIstrResult += String.fromCharCode(num);i += 2;}else if(strAry[i] != "%"){strResult += strAry[i];}}return strResult;
}function textDecodeZxy() {
/*  var hexary = []; //16进制数组var intAry = []; //10进制整数数组var bytary = []; //字节数组
*/var decStr1 = "";var decStr2 = "";var decStr3 = "";
/*     bytary = stringToGbk('你好的说法认为yyyrr-fsdfsr123'); //[196, 227, 186, 195, 49, 50, 51]var strInput = "%BF%AA%CA%BC%CA%B1%BC%E4%BB%F2%D5%DF%BD%E1"+"%CA%F8%CA%B1%BC%E4%B8%F1%CA%BD%B4%ED%CE%F3%A3%AC%D3"+"%A6%B8%C3%CE%AAyyyy-MM-dd";decStr1 = GBKdecodeURIComponent(strInput); 
*/decStr1 = "测试数据`1234567890-=~!@#$%^&*()___+{}|:\"<>?[]\l;',.//'";decStr2 = GBKencodeURIComponent(decStr1);decStr3 = GBKdecodeURIComponent(decStr2);document.getElementById("iddecStr1").value = decStr1;document.getElementById("iddecStr2").value = decStr2;document.getElementById("iddecStr3").value = decStr3;
}
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/869117.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SuperMap GIS基础产品FAQ集锦(20240709)

一、SuperMap iDesktopX 问题1&#xff1a;请问针对iDesktopX地质体建模功能的数据组织格式相关问题请教哪位同事? 11.1.1 【解决办法】“地质体构建”功能可依据多个地质点数据集实现对地质体的构建&#xff0c;构建地质体中点图层的顺序对应实际地层由高到低。可参考官方博…

全能型CAE/CFD建模工具SimLab 详解Part1: Geomtry,轻松集成力学、电磁学、疲劳优化等功能

SimLab的建模功能 SimLab集成了结构力学&#xff0c;流体力学&#xff0c;电磁学&#xff0c;疲劳和优化等功能&#xff0c;是全能型的CAE / CFD建模工具。 具有强大的几何、网格编辑功能&#xff0c;能够快速的清理复杂模型&#xff0c;减少手动修复的工作量&#xff0c;提高…

考研数学什么时候开始强化?如何保证进度不掉队?

晚了。我是实在人&#xff0c;不给你胡乱吹&#xff0c;虽然晚了&#xff0c;但相信我&#xff0c;还有的救。 实话实说&#xff0c;从七月中旬考研数一复习完真的有点悬&#xff0c;需要超级高效快速... 数二的时间也有点紧张... 中间基本没有试错的时间&#xff0c;让你换…

【linux】内核文件创建以及写文件

在测试创建文件时&#xff0c;测试发现需要提升内存访问权限到 KERNEL_DS。内核使用系统调用参数肯定是内核空间&#xff0c;为了不让这些系统调用检查参数所以必须设置set_fs(KERNEL_DS)才能使用该系统调用。记录一下 #include <linux/kernel.h> #include <linux/mo…

使用zip命令压缩大文件并分割,再合并成单个文件的操作指南

在处理大型文件&#xff08;如超过100GB的文件&#xff09;时&#xff0c;直接进行压缩和传输可能会遇到存储或网络带宽的限制。为了更有效地管理这些文件&#xff0c;我们可以先将它们使用zip命令进行压缩&#xff0c;然后使用split命令将压缩后的文件分割成多个较小的部分&am…

linux宝塔负载状态100%解决办法

宝塔面板负载状态显示100% 接着使用top命令查看了一下&#xff0c;发现cpu利用率很低&#xff0c;load却很高 通过使用 ps -axjf命令查看是否存在D状态进程 D 状态是指不可中断的睡眠状态&#xff0c;该状态的进程无法被 kill&#xff0c;也无法自行退出&#xff0c;只能通过恢…

使用各向异性滤波器和图像处理方法进行脑肿瘤检测(MATLAB)

医学图像分割一直以来都是计算机辅助诊断领域的研究热点。在医学图像的处理和分析中&#xff0c;对图像中感兴趣区域的准确分割尤其关键。要对感兴趣区域进行分类识别&#xff0c;首先要从图像中把感兴趣区域精确分割出来&#xff0c;然后有针对性地对感兴趣区域提取特征并分类…

【FFmpeg】avcodec_send_packet函数

目录 1.avcodec_send_packet1.1 解码入口函数&#xff08;decode_receive_frame_internal&#xff09;1.1.1 软解入口&#xff08;decode_simple_receive_frame&#xff09; FFmpeg相关记录&#xff1a; 示例工程&#xff1a; 【FFmpeg】调用ffmpeg库实现264软编 【FFmpeg】调…

植物大战僵尸杂交版全新版v2.2解决无法打开问题和全屏问题

解决无法打开问题 如我的电脑是windows11的系统。 1.打开windows安全中心&#xff0c;点击病毒和威胁防护。 如图&#xff1a; 2.点击管理设置。 3.把实时保护给关掉&#xff0c;就行了。 如图&#xff1a; 然后就可以打开了。 解决无法全屏的问题 1.右键植物大战僵尸的快捷…

如何在OpenFOAM的案例文件夹中确定数据的点和面,确定点和网格之间的关系,从而用于深度学习预测和构建模型呢(分析数据格式及其含义)

在OpenFOAM中&#xff0c;点&#xff08;points&#xff09;和面&#xff08;faces&#xff09;的定义是通过不同的文件来进行的。在案例一级目录下面的constant/polyMesh目录下&#xff0c;会有points, faces, owner, neighbour等文件&#xff0c;来描述网格的几何和拓扑结构。…

快速上手文心一言:让创作更轻松

引言 在当今信息爆炸的时代&#xff0c;如何高效地进行内容创作成为了许多人的关注焦点。百度推出的文心一言&#xff0c;作为一款强大的AI写作工具&#xff0c;为内容创作者提供了全新的解决方案。本文将带您快速上手文心一言&#xff0c;让创作变得更轻松、更高效。 什么是…

收银系统源码-消息通知功能解析

智慧新零售收银系统是一套线下线上一体化收银系统&#xff0c;给商户提供含线下收银称重、线上商城、精细化会员管理、ERP进销存、丰富营销活动、移动店务助手等一体化的解决方案。 功能详情见下文&#xff1a; 门店收银系统源码-CSDN博客文章浏览阅读2.6k次&#xff0c;点赞…

【深度学习】图形模型基础(5):线性回归模型第五部分:多变量线性回归模型

1.引言 当我们从基础的线性模型 y a b x error y a bx \text{error} yabxerror 转向更复杂的模型 y β 0 β 1 x 1 β 2 x 2 … error y \beta_0 \beta_1 x_1 \beta_2 x_2 \ldots \text{error} yβ0​β1​x1​β2​x2​…error 时&#xff0c;我们面临了诸多…

3. kvm虚拟网络

kvm虚拟网络 一、虚拟网卡1、虚拟网卡驱动2、添加网卡3、删除网卡 二、虚拟网络1、NAT模式1.1 SNAT 1.2 DNAT 端口映射2、桥接bridge模式 一、虚拟网卡 1、虚拟网卡驱动 2、添加网卡 [rootmartin-host ~]# virsh attach-interface vm01_centos79 --type network --model virt…

书生大模型实战营(暑假场)-入门岛-第一关

书生大模型实战营暑假场重磅开启&#xff01;&#xff0c;这场学习路线看起来很好玩呀&#xff0c;闯关学习既能学到知识又有免费算力可得&#xff0c;太良心啦。感兴趣的小伙伴赶快一起报名学习吧&#xff01;&#xff01;&#xff01; 关卡任务 好的&#xff0c;我们废话不多…

Java基础语法--基本数据类型

Java基础语法–基本数据类型 Java是一种静态类型语言&#xff0c;这意味着每个变量在使用前都必须声明其数据类型。Java提供了多种基本数据类型&#xff0c;用于存储整数、浮点数、字符和布尔值等。以下是Java中的基本数据类型及其特点&#xff1a; 1. 整型&#xff08;Integ…

Qt常用基础控件总结—旋转框部件(QSpinBox类和QDoubleSpinBox类)

旋转框(微调按钮)部件 QAbstractSpinBox 类 QAbstractSpinBox 类介绍 QAbstractSpinBox 类是 QWidget 类的直接子类,虽然该类不是抽象类,但该类并未提供实际的功能,仅为旋转框提供了一些外观的形式以及需要子类实现了成员,也就是说点击微调按钮的上/下按钮,不会使其中的…

一键式创建GTest TDD测试平台

适用于C GTest测试平台搭建。直接上python脚本。 #!/usr/bin/env python3 # -*- coding: utf-8 -*-import argparse import os import platform import subprocess from xml.etree import ElementTree as ETdefault_root_path "d:\\test\\UTtest"class DeveloperTe…

常用Dos命令

学过Linux的shell命令的就很好理解&#xff0c;dos命令就是windows系统里面的命令&#xff0c;但是我们很少用&#xff0c;因为有图形化的界面&#xff0c;譬如&#xff1a;可以直接点击创建文件&#xff0c;在文件里面写东西&#xff0c;当然也可以通过终端执行命令创建文件&a…

.NET MVC强类型参数排除和包含属性 Bind 、Exclude

Bind(Include“属性”); 如果相包含多个属性可以用逗号分割符分开&#xff1a;Bind(Include“属性1,属性2,属性n”) 同理&#xff0c;如果想排除一个或多个属性可以使用 Bind(Exclude“属性”) / Bind(Exclude“属性1,属性2,属性n”) 实际应用中添加一个对象对于ID自增的实体…