NodeJS base64 кодирование/декодирование изображений не совсем работает

Я пытаюсь обрабатывать сохраненные изображения POSTed to nodeJS (и явную фреймворку) в базу данных и испытываю определенные проблемы. Игнорируя всю веб-обработку, я думаю, что я сузил проблему до того, как кодировка base64 происходит в node. Я считаю, что приведенный ниже пример должен работать, но выходное изображение всегда повреждено.

Пример (1) загружает изображение (2) сохраняет копию if (image_orig), чтобы подтвердить, что node может правильно прочитать файл. Это всегда работает. (3) Я беру изображение, а base64 кодирует его содержимое, (4) затем декодирует его. Конечное выходное изображение (image_decoded) всегда повреждено.

Помощь! (node.js 0.6.0 на OSX Lion)

console.log("starting");
process.chdir(__dirname);

var fs = require("fs");

var image_origial = "image.jpg";
fs.readFile(image_origial, function(err, original_data){
    fs.writeFile('image_orig.jpg', original_data, function(err) {});
    var base64Image = new Buffer(original_data, 'binary').toString('base64');
    var decodedImage = new Buffer(base64Image, 'base64').toString('binary');
    fs.writeFile('image_decoded.jpg', decodedImage, function(err) {});
});

Ответ 1

Я думаю, что вы неправильно понимаете использование аргумента кодирования. Если вы собираетесь указать кодировку 'binary', вам нужно сделать это последовательно. Но на самом деле вам это совсем не нужно. Вы, кажется, путаете использование Buffer vs двоичных строк.

// This tells node to load the file into a Buffer 'original_data' because you
// have not specified an encoding for the returned values. If you provided an
// encoding, then original_data would be a string with that encoding.
fs.readFile(image_origial, function(err, original_data){

    // This tells node to take that buffer, and write it to the new filename.
    // Again no encoding is provided, so it will assume a Buffer or utf8 string.
    fs.writeFile('image_orig.jpg', original_data, function(err) {});

    // This tells node to create a new buffer from the old buffer, which means
    // it will iterate over original_data copying the bytes one at a time. But
    // they will be identical buffers. It will ignore the 'binary' argument
    // since the object you are passing isn't a string.
    // Then it encodes the content of that Buffer to base64, which is fine.
    var base64Image = new Buffer(original_data, 'binary').toString('base64');

    // Here you decode the base64 to a buffer, which is fine, but then you
    // convert the buffer into a string with encoding 'binary'. This means that
    // it is a string object whose code points are bytes of the buffer.
    var decodedImage = new Buffer(base64Image, 'base64').toString('binary');

    // Here you try to write that String object to a file. Since the argument you
    // have given is a string and you have not given an encoding argument for the
    // write command, then it will assume that 'utf8' is the encoding. It will try to
    // decode your binary string into a utf8 encoded buffer, and write that buffer.
    // This will cause it to fail because that encoding conversion is wrong.
    // Really through, 'binary' is just wrong to use. Buffers are already binary.
    fs.writeFile('image_decoded.jpg', decodedImage, function(err) {});
});

Этот следующий пример будет работать, но очень неэффективен, потому что изменение кодировок все время не требуется, но я просто хочу показать, что он ясен. Если вы действительно хотите иметь конкретную кодировку, вам нужно убедиться, что вы последовательны. Каждая из этих функций имеет аргумент кодирования.

fs.readFile(image_origial, 'binary', function(err, original_data){
    fs.writeFile('image_orig.jpg', original_data, 'binary', function(err) {});
    var base64Image = new Buffer(original_data, 'binary').toString('base64');
    var decodedImage = new Buffer(base64Image, 'base64').toString('binary');
    fs.writeFile('image_decoded.jpg', decodedImage, 'binary', function(err) {});
});

Это правильный способ сделать это. Храните все как буфер, за исключением случаев, когда вы делаете его base64.

fs.readFile(image_origial, function(err, original_data){
    fs.writeFile('image_orig.jpg', original_data, function(err) {});
    var base64Image = original_data.toString('base64');
    var decodedImage = new Buffer(base64Image, 'base64');
    fs.writeFile('image_decoded.jpg', decodedImage, function(err) {});
});

Ответ 2

Слегка лучшее решение - удалить все возможные типы mime:

var buff = new Buffer(req.body.imageFile
    .replace(/^data:image\/(png|gif|jpeg);base64,/,''), 'base64');
fs.writeFile('/file/path/', buff, function (err) {
    console.log('done');
});

Это дополнение к ответу @Herve.