Javascript使用encodeURIComponent,btoa和decodeURIComponent,atob解决中文乱码

最新推荐文章于 2024-04-26 16:32:31 发布
最新推荐文章于 2024-04-26 16:32:31 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： JavaScript 文章标签： javascript 中文乱码 btoa encodeURIComponent
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40939076/article/details/96470547
版权

应用场景：web页面间数据传递时出现中文乱码问题

一、加密btoa，encodeURIComponent

1、encodeURIComponent用于将字符转换为URIString类型，因为btoa加密字符的时候，将ascii字符串或二进制数据转换成一个base64编码过的字符串但不能直接作用于Unicode字符。
直接使用Unicode字符加密，会提示无效字符错误

>btoa('中国chinese')

InvalidCharacterError

配合encodeURIComponent使用

>btoa(encodeURIComponent('中国chinese'))

<"JUU0JUI4JUFEJUU1JTlCJUJEY2hpbmVzZQ=="

二、解密atob、decodeURIComponent

>atob('JUU0JUI4JUFEJUU1JTlCJUJEY2hpbmVzZQ==')

<"%E4%B8%AD%E5%9B%BDchinese"

>decodeURI('%E4%B8%AD%E5%9B%BDchinese')

<"中国chinese"
hsc个人资料库
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用AJAX实现UTF8编码表单提交到GBK编码脚本无乱码的解决方法
10-14
- 将UTF8字符串转换为GBK编码：可以使用JavaScript的`btoa()`和`atob()`函数，配合GBK编码的Base64解码表来实现。 - 发送转换后的数据：使用XMLHttpRequest对象的`send()`方法发送经过GBK编码的数据。 3. **AJAX...
PHP+JS Base64和URI编码解码混合使用
04-24
而在JavaScript中，对应的API是`btoa()`和`atob()`。需要注意的是，`btoa()`只能处理UTF-8编码的字符串，非UTF-8的字符串需先转换。 其次，URI编码（也称为URL编码）是将非ASCII字符或特殊字符转换为百分号（%）加...
JS实现对中文字符串的转码
weixin_47353884的博客
04-15 4486
如何进行Base64转码解码 转码 window.btoa() 解码 window.atob() // 可以编码、传输和解码操作各种字符，比如0-31的ASCII码值 var str = 'Hello, smart, beautiful and lovely girl'; window.btoa(str) //转码结果 'SGVsbG8sIHNtYXJ0LCBiZWF1dGlmdWwgYW5kIGxvdmVseSBnaXJs' window.atob("SGVsbG8sIHNtYXJ0LCBiZWF
js编码、解码方法（escape，encodeURI，encodeURIComponent区别及用法）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
05-25 7365
前言： js解码、编码问题问题 一、定义和用法 1.escape() 定义和用法: escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。 该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换。 提示：使用unescape()方法对字符串进行解码。 语法 escape(string) 参数 描述 string 必需。要被...
js base64 解码 （解决内置atob函数转译中文乱码问题）
最新发布
weixin_40425415的博客
04-26 570
【代码】js base64 解码 （解决内置atob函数转译中文乱码问题）
js工具类函数
Dreamy smile
09-24 195
//秒转换时分秒 second2String(sec){ var hours = Math.floor(sec/ 3600) var minutes = Math.floor(sec % 3600 / 60) var seconds = Math.floor(sec % 3600 % 60) var hourStr = String(hours) var minStr = String(minutes) var secStr = String(seco
atob,btoa编码汉字报错
程序员超超的博客
04-02 868
所以对于字节数大于8位的字符，atob，btoa会报错，官网里面给了几个方法 https://developer.mozilla.org/zh-CN/docs/Glossary/Base64#%E6%96%B9%E6%A1%881%E2%80%94%E2%80%94%E5%85%88%E8%BD%AC%E4%B9%89%E5%AD%97%E7%AC%A6%E4%B8%B2。对于atob,btoa编码汉字报错这个问题，之前一直以为是汉字不能转base64，前几天看了一下文档，原来MDN文档里面早就有说明的。
中文编码处理
2302_80280669的博客
12-29 523
btoa函数全称就是Binary-to-ASCII，在js中用于Base64编码，不可用来加密中文。语法：window.atob(' Mzc1NjI4NTQ3YWRmZ2ho ') //注意是单引号。语法：window.btoa('375628547adfghh')//注意是单引号。语法：decodeURI('%E4%BD%A0%E5%A5%BD')语法：encodeURI('你好') //注意是单引号。解密则先使用atob，即优先解密base64，在使用。编码后：%E4%BD%A0%E5%A5%BD。
JS encodeuricomponent中文乱码
张少飞的CSDN
09-12 1491
Tomcat 的 server.xml 有两个 Connector 加上 URIEncoding="UTF-8"
纯Javascript脚本实现GBK URL编解码
04-17
在JavaScript中，可以使用内置的`btoa`和`atob`函数进行Base64编码和解码。如果需要在Node.js环境中操作，可以使用`Buffer`对象的`toString`和`from`方法。 总结来说，纯JavaScript实现GBK URL编解码涉及到的关键...
coder-decoder
06-27
可以使用`btoa()`和`atob()`方法进行Base64编码和解码。例如，`btoa('Hello')`将字符串'Hello'编码为Base64字符串，`atob('SGVsbG8=')`则将Base64字符串解码回'Hello'。 3. **URL编码和解码**： 当数据包含在URL中...
js base64 解码解决中文乱码问题
11-16
使用方法：utf8to16(base64decode(你的加密字符串))；
数据编码器
02-14
2. **Base64编码**：在JavaScript中，我们可以使用`btoa()`和`atob()`方法进行Base64编码和解码。Base64是一种将任意二进制数据转换为ASCII字符串的方法，便于在网络上传输。例如： ```javascript let text = 'Hello...
[转]URL汉字编码问题（及乱码解决）
mwcxz的博客
11-17 3613
当先自己做一个demo的时候遇到了web中URL汉字编码的问题，刚好自己又需要用到这个URL中的部分路径，所以特上网查询解决方法
【JS】实现 Base64 编码和解码（及中文乱码问题）
热门推荐
qq_45677671的博客
06-06 1万+
项目中实现 Base64 编码和解码
uncaught URIError:URI malformed at decodeURIComponent——encodeURI编码后通过decodeURI转义时报错问题解决
yehaocheng520的博客
10-20 6456
最近在写电商前台页面时，遇到一个路径转义的问题，虽然数据一直都是正常展示的，但是控制台会报错： uncaught URIError:URI malformed at decodeURIComponent 功能介绍： 用户输入内容后，点击搜现货，就调用encodeURI编码，整个页面路径更改为检索的内容，然后页面重新渲染，此时需要将页面路径中的关键字取出来，因为有时需要从别的地方跳转到此页面，因此取链接时，需要decodeURI进行转义。如果用户输入的内容中包含%，则在用decodeURI转义时，就会报错了
base64编码相关-btoa和atob及中文乱码报错问题
qq_34205932的博客
04-17 6104
base64编码相关-btoa和atob 最近在做二进制编码相关的东西，关于Base64的编码解码问题。遇到了一些问题。 btoa(); btoa函数全称就是Binary-to-ASCII，在js中用于Base64编码 let encodedData = window.btoa("WEBGL"); //V0VCR0w= 具体的写法如上所示，接收一个字符串, 其字符分别表示要编码为 AS...
Js对字符串进行base64编码和解码，中文报错：Failed to execute ‘btoa‘ on ‘Window‘: The string to be encoded contains cha
02-20 5402
刚才上面的例子中我们想对Unicode字符编码进行编码，直接使用btoa不行的，所以我们使用encodeURIComponent和decodeURIComponent方法。btoa ：是binary to ascii，用于将binary的数据用ascii码表示，即Base64的编码过程。编码的过程：Unicode字符 -------> 先encodeURI -------> 再btoa编码。解码的过程：先atob解码 -------> 再decodeURI -------> Unicode字符。
Failed to execute ‘atob‘ on ‘Window‘: The string to be decoded is not correctly encode解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
12-25 6305
这个错误消息是JavaScript中的一个常见错误，它发生在你尝试使用atob()函数解码一个不是有效Base64编码的字符串时。atob()函数用于将一个Base64编码的字符串解码为二进制数据。atob()atob()这个函数会先检查输入字符串是否是有效的Base64编码，如果不是，就会抛出一个错误。然后，它会检查输入字符串的长度是否是4的倍数，如果不是，就会在其后添加等号’='，使其长度成为4的倍数。最后，它会调用atob()函数来解码输入字符串。
js base64 解决中文乱码问题
06-01
在 JavaScript 中，Base64 编码通常用于将二进制数据转换为可读的文本格式。但是，如果 Base64 编码包含中文字符，解码后的结果可能会出现乱码。 解决这个问题的方法是先将中文字符进行编码，然后再进行 Base64 编码。在解码时，先将 Base64 编码解码为字符串，然后再将字符串进行解码。可以使用 encodeURIComponent() 和 decodeURIComponent() 方法来完成编码和解码的过程。 以下是一个示例代码： ``` // 编码 let str = "你好，世界！"; let base64Str = btoa(encodeURIComponent(str)); console.log(base64Str); // 输出：JUU0JUJEJUEwJUU1JUEwJUU3JUExJTk= // 解码 let decodedStr = decodeURIComponent(atob(base64Str)); console.log(decodedStr); // 输出：你好，世界！ ``` 在这个例子中，我们先使用 encodeURIComponent() 方法对中文字符串进行编码，然后使用 btoa() 方法进行 Base64 编码。在解码时，我们先使用 atob() 方法将 Base64 编码解码为字符串，然后再使用 decodeURIComponent() 方法对字符串进行解码。最终得到的结果就是正确的中文字符串。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值