如何使用node.js将二进制数据写入文件?

7

我正在尝试对画布进行toDataUrl()操作,并且它会返回base64数据。我想将其存储为png格式。我可以从base64中获取转换后的二进制数据,但是我无法使用NodeJs服务将其写入文件。

如果我直接将base64数据写入文件,则所有数据都可以被写入,但它不能成为png格式,我想要存储的是二进制数据。如何操作?

代码片段:

var strData = this.drawingCanvas.getContext().canvas.toDataURL();

var data = strData.replace(/^data:image\/\w+;base64,/, "");

var imgData = this.decode(data); // decode(data) is DEFINED BELOW

this.call({filePath:'<path>/image.png', data: imgData}, 
            {method:"writeFile"});`

`utf8decode : function (utftext) {
    var string = "";
    var i = 0;
    var c = c1 = c2 = 0;

    while ( i < utftext.length ) {

        c = utftext.charCodeAt(i);

        if (c < 128) {
            string += String.fromCharCode(c);
            i++;
        }
        else if((c > 191) && (c < 224)) {
            c2 = utftext.charCodeAt(i+1);
            string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
            i += 2;
        }
        else {
            c2 = utftext.charCodeAt(i+1);
            c3 = utftext.charCodeAt(i+2);
            string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
            i += 3;
        }

    }

    return string;
},`

`_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",

decode : function (input) {
    var output = "";
    var chr1, chr2, chr3;
    var enc1, enc2, enc3, enc4;
    var i = 0;

    input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

    while (i < input.length) {

        enc1 = this._keyStr.indexOf(input.charAt(i++));
        enc2 = this._keyStr.indexOf(input.charAt(i++));
        enc3 = this._keyStr.indexOf(input.charAt(i++));
        enc4 = this._keyStr.indexOf(input.charAt(i++));

        chr1 = (enc1 << 2) | (enc2 >> 4);
        chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
        chr3 = ((enc3 & 3) << 6) | enc4;

        output = output + String.fromCharCode(chr1);

        if (enc3 != 64) {
            output = output + String.fromCharCode(chr2);
        }
        if (enc4 != 64) {
            output = output + String.fromCharCode(chr3);
        }

    }

    output = this.utf8decode(output);

    return output;

},`

/**************************************************
wRITEfILEaaSSISTANT.JS
***************************************************/

var WriteFileAssistant = function(){};

WriteFileAssistant.prototype.run = function(future, subscription) {

var fs = IMPORTS.require('fs');
var filePath = this.controller.args.filePath;

var f = subscription.get();
f.result = {reply: data};

var fd =  fs.openSync('<path>/image.png', 'a+');
//var data = fs.writeSync(fd, g, null, encoding='utf8');

//this.controller.args.data - Image data (binary)
var buff = new Buffer(this.controller.args.data, 'binary');
//tried also with 'base64'

fs.write(fd, buff, 0, buff.length, 0, function(err,written){

});

var f = subscription.get();
f.result = {reply: data};

你能否发布一下你目前所拥有的一些保存代码,这样我们就有了可以使用的东西? - loganfsmyth
谢谢,我已经在上面发布了代码。 - Kantesh
你发布的内容是可读的,但请检查代码格式标准。你应该使用4个空格缩进所有内容,而不是用``符号包裹它们。 - loganfsmyth
抱歉..我尝试缩进,但是没有得到正确的结果。 - Kantesh
1个回答

10

你正在使事情变得比必要的更加困难。Node.js中的Buffer对象可以接受base64作为输入并自动完成所有解码工作。

你只需要从base64字符串中去掉"data:image..."这部分,然后将数据传递给WriteFileAssistant即可。

var strData = this.drawingCanvas.getContext().canvas.toDataURL();
var imgData = strData.replace(/^data:image\/\w+;base64,/, "");
this.call(
  {
    filePath:'/media/internal/Collage/image.png',
    data: imgData
  },
  {
    method:"writeFile"
  }
);

WriteFileAssistant只需将base64字符串作为参数传递给缓冲构造函数即可。此外,在openSync调用中使用'a+'也会导致问题。

var WriteFileAssistant = function(){};

WriteFileAssistant.prototype.run = function(future, subscription) {

  var fs = IMPORTS.require('fs');
  var filePath = this.controller.args.filePath;

  var fd =  fs.openSync('<path>/image.png', 'w');

  var buff = new Buffer(this.controller.args.data, 'base64');

  fs.write(fd, buff, 0, buff.length, 0, function(err,written){

  });
}

Buffer接受一个字符串和一个编码,然后使用该编码值将字符串处理为一系列字节,因此当您告诉它字符串是base64时,它会为您解码base64并创建适当的解码字节数组以写入文件。


谢谢,我已经完成了这个任务。这是一个从base64解码的数据。我已经发布了整个代码。 - Kantesh
谢谢。我已经尝试过了,但是它以Base64的形式编写。我会再次检查我错过了什么。 - Kantesh
我忘了提到一件事,那就是我在Web OS上进行操作。我不知道它是否被支持。 - Kantesh
谢谢,它起作用了。我需要更改的是'a+'。再次感谢你。 - Kantesh

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接