从Base64字符串转换为PNG文件

时间:2012-03-23 14:14:58

标签: javascript html5 cordova

我正在尝试使用以下方法将base64编码的字符串转换为图像对象。

function gotFileWriter(writer) {
    console.log('Starting gotFileWriter');
    writer.onwrite = function (evt) {
        console.log("write success");
    };

    $.mobile.showPageLoadingMsg();
    //        console.log('height: ' + cb_canvas.height);
    //        console.log('width: ' + cb_canvas.width);
    Signaturebase64 = cb_canvas.toDataURL();

    //I need to save the base64 string to a PNG image on the Phone here.  
    writer.write(Signaturebase64 );

    $.mobile.hidePageLoadingMsg();
    $.mobile.changePage("#MyJob");
    console.log('Finished gotFileWriter');
}

该行:

Signaturebase64 = cb_canvas.toDataURL();

按预期工作,并返回我的base64字符串。

我现在要做的是将其转换为手机持久存储中的图像文件。

以下行是将base64字符串写入存储,但我想要它将其保存为PNG文件:

writer.write(filedata);

2 个答案:

答案 0 :(得分:1)

您需要将base64解码为二进制。以下是一个示例:http://blog.danguer.com/2011/10/24/base64-binary-decoding-in-javascript/

答案 1 :(得分:0)

您无法使用PhoneGap FileWriter写入二进制数据。您需要编写一个插件来将base64编码数据发送到本机端,将其编码为二进制文件,然后使用本机代码编写它。