Textarea值作为URL哈希编码Base64

Question

我有一个工具，我正在撰写博客文章。 我想知道是否有可能采用textarea的值 - >使用base64编码 - >设置为URL哈希而不刷新。

textarea和hash之间的值应该相等。 如果一个更新，那么另一个更新。 这样客户端所要做的就是共享URL并加载textarea。

提前致谢！

Answer 1

您可以使用btoa()方法对字符串进行base64编码。 从那里你可以使用window.location.hash简单地更新URL的片段。 尝试这个：

 $('textarea').on('input', function() { var encodedValue = btoa(this.value); window.location.hash = encodedValue; $('div').text(encodedValue); // only to show the encoded output in this demo }); 

 textarea { width: 100%; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea></textarea> <div></div> 

请注意，<IE10中不支持btoa() ，因此如果您需要支持旧版浏览器，则需要另外的实现。 如果您使用Google，则有很多功能可用。