转换二进制数据使用JavaScript为Base64 [英] Convert binary data to base64 with javascript

问题描述

HTML5使您能够在本地存储数据，我认为这是伟大的。例如这里是你如何使用它：

HTML5 enable you to store data locally which I think it is great. For example here is how you can use it:

        var store = window.localStorage;
        store.setItem('foo', "hellow world");
        var test = store.getItem('foo');
        // test should = "hellow world"

在HTML可以动态地settig源来显示图像：

In html you can dynamically display an image by settig its source to:

     "data:image/jpg;base64," + (base64string)

所以我的问题是我怎么能二进制数据转换成一个base64字符串，这样我可以利用HTML5本地存储的？

So my question is how can I convert binary data to a base64 string so that I can take advantage of html5 local storage?

例如它如果是太好了，我可以：

For example it will be great if I could:

$.ajax({
   url: 'someImage.png',
   type: 'POST',
   success: function (r) {

                // here I want to convert r to a base64 string !
                // r is not binary so maybe I have to use a different approach
                var data = ConvertToBase64(r);



                document.getElementById("img").src = "data:image/png;base64," + data;
            },
});

---

我知道我可以通过使用HTML5围绕一个帆布包裹的图像，然后转换，要base64string解决这个问题。我也可以使服务器上的特定服务，将发送图像（someImage.aspx）的一个base64字符串数据。我只是想知道这是否会通过可能从服务器中检索二进制数据，将其转换成一个base64字符串。

推荐答案

尝试 BTOA 功能：

   var data = btoa(r);

这篇关于转换二进制数据使用JavaScript为Base64的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！