做 Base64 小工具时踩的两个坑

为了练手做了个纯前端的 Base64 编解码工具，一个 HTML 文件，编码、解码两个功能。东西不大，但有两个地方卡了我一会儿，记一下。

坑一：btoa 处理不了中文

文本编码时一开始图省事，直接把输入丢给 btoa，结果只要内容里有中文就报错。原因是 btoa 只能处理 Latin1 范围内的字符。解决办法是编码前先转一层：用 encodeURIComponent 转义后再处理，或者把字符串转成 UTF-8 字节再编码，解码时反过来。顺带把异常兜住，解码碰到非法字符串时给个提示，别让页面直接报错。

坑二：授权链接 5 分钟就过期

工具做好往外发的时候，授权环节的链接有效期只有 5 分钟。生成完链接如果切去干别的，回来基本就作废了，只能重新生成。所以这类带时效的授权，页面打开就一口气点完，别中途离开。

两个坑都不是技术难题，就是没经验时容易白白耗时间，提前知道能省不少事。