javascript 使用btoa和atob来进行Base64转码和解码

javascript 使用btoa和atob来进行Base64转码和解码老是记不住这两个函数,干脆写下来,比较好翻。avascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

老是记不住这两个函数,干脆写下来,比较好翻。

 

 

avascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化之际,Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现。

好了,前言说了一大堆,开发者需要重视:

一.我们来看看,在javascript中如何使用Base64转码

var str = 'javascript'; window.btoa(str) //转码结果 "amF2YXNjcmlwdA==" window.atob("amF2YXNjcmlwdA==") //解码结果 "javascript" 

二.对于转码来说,Base64转码的对象只能是字符串,因此来说,对于其他数据还有这一定的局限性,在此特别需要注意的是对Unicode转码。

var str = "China,中国" window.btoa(str) 

Uncaught DOMException: Failed to execute ‘btoa’ on ‘Window’: The string to be encoded contains characters outside of the Latin1 range.

很明显,这种方式是不行的,那么如何让他支持汉字呢,这就要使用window.encodeURIComponent和window.decodeURIComponent

var str = "China,中国"; window.btoa(window.encodeURIComponent(str)) //"Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ=" window.decodeURIComponent(window.atob('Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ=')) //"China,中国"
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/167149.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 进销存php带bom,进销存erp软件的绝对核心是BOM

    进销存php带bom,进销存erp软件的绝对核心是BOM进销存erp软件是一款基于SAAS架构的进销存管理软件,它适用于实体商超、批发零售、中小企业等库存管理场景。帮助经营者对购货、销货、零售、收付款等环节进行全程跟踪管理,可以让经营者及时了解各业务流程细节。图片来源于网络对中小企业,特别是制造业而言,库存管理的地位是无可取代的,是企业发展中最基本最关键的一环,中小企业引入进销存erp软件,能够帮助企业对库存物品的出入库/转仓/调整/盘点/借寄库等日常…

    2022年5月6日
  • SOAP协议

    SOAP协议一、SOAP与HTTP的区别HTTP只负责把数据传送过去,不论这个数据是XML、HTML、图片、文本文件或者其他形式。SOAP协议则定义了怎么把一个对象变成XML文本,在远程如何调用等。二、SO

    2022年6月30日
  • Linux 日志分析工具之awstats详解「建议收藏」

    Linux 日志分析工具之awstats详解「建议收藏」原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://freeloda.blog.51cto.com/2033581

    2022年7月1日
  • python滑动验证码_python编程是啥

    python滑动验证码_python编程是啥程序功能:程序模仿登入京东主页,自动输入帐号和密码,完成滑块验证,最后领取每日签京豆关键难点:80%的难点在于滑块验证importtimeimportcv2importrandomimportopenpyxlfromurllibimportrequestfromseleniumimportwebdriverimportnumpyasnpfromselenium.webdriver.common.action_chainsimportActionChai

    2022年9月2日
  • 【蓝桥杯】双非本科?大一大二不敢参加?这篇蓝桥全解析帮你打消疑虑轻松获奖【内附蓝桥资源和学习路线】

    【蓝桥杯】双非本科?大一大二不敢参加?这篇蓝桥全解析帮你打消疑虑轻松获奖【内附蓝桥资源和学习路线】⭐️引言⭐️大家好,我是执梗,最近蓝桥杯的报名正如火如荼的开展,许多院校也开展了院赛筛选,许多大一大二的小伙伴陷入了是否该报名的疑虑。蓝桥杯到底是啥?蓝桥杯适合我参加吗?我现在零基础还来得急吗?我要是陪跑了报名费三百块岂不是交智商税了?就算报名了我该如何去训练呢?…..话不多说,我们挨个解答(结尾有免费的真题和解析以及配套的考试环境搭建,建议收藏)⭐️目录⭐️????1.蓝桥杯到底是什么?????2.我们为什么要参加蓝桥杯?????1.含金量高…

    2022年4月29日
  • Java就业前景和薪资状况,究竟怎么样呢?

    Java就业前景和薪资状况,究竟怎么样呢?在未来5年内,软件人才的需求将远大于供给。Java软件工程师是目前国际高端计算机领域就业薪资较高的一类软件工程师。看到这里有人问了:那Java的现实就业前景和薪资状况,究竟怎么样呢?1、Java工程师就业前景在美国、加拿大、澳大利亚、新加坡等发达国家和中等发达国家,Java软件工程师年薪均在4—15万美金,而在国内,Java软件工程师也有极好的工作机会和很高的薪水。一般情况下的Java软件工程师是分四个等级,从软件技术员到助理软件工程师,再到软件工程师,最后成为高级软件工程师。根据IDC的统计数字,

    2022年7月8日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号