图像未保存在 Palm 设备上答案

【问题标题】：Image not saving on a Palm device图像未保存在 Palm 设备上
【发布时间】：2023-12-12 15:55:02
【问题描述】：

更新：webOS 2.1 版...

当我将这个base64 编码的图像数据附加到图像源时，它会生成正确的数据图像，如下所示：

var img = new Image();
img.src= data

var data =   "data:image/png;base64,iVBORw0KGgoAAAANSUh
EUgAAAJYAAACmCAIAAAC3GeEYAAEkgklEQVR4AQD9/wIAADt8Fj5/GUSA IESAIEN/GUd/H0V+IEaEIE
WFHUOEHEqJIE2KIk2KI1GQKFSQLFaQKlaOKVaQKlORLlaYLVaVKFWV KVWUKliWKFiXJlKVIliTJW2oP
m6jOW+kPGqkPmehPWWePWagOmmjP2ykQ2ulQmylRWykQmqmP2qr QGqnP26qSGyvRmquQWyyQGquP2yu
RHSzSHWwSXGxSGytRG+vSG6vSW2vRWquRGqtRGmsQnO1R3Gw SG+rSXavUXWwUnKqR3CuRWquP26zQ3C
yRXK0SHG0SWupR2qoR3CuS2qrQ3CsSG6vS22pR26qSGyq RWetO22uQ2yqP22wRGetP2yyP4TEWgElAB
UrBRYmAx05AidHBB9MCydRDylSGChWGCZUFyFLEyNK Ex5IDBtJBhc/Bx9FDBxDDh5HDyRGExs8DRs4D
B04DRw8Exo6DxMuBw8kAhEeABIYAQ4VABAUAA0S AAwVAg8bAw0bAgwaAxAYAAULAQgQAQcQBQsPAAwQ
AggMAwMLAQAIAAgOBAYOAAsWBg4bChMgDxUk DxcmERopEh8vFBwuExspEhcnDxUpDhcqERUnDhUnDRQ
rDxgsERgvEx8xGQA+fxk7gxU9hBc9ghg/ gR1CgBxBhBtChRxIhyFMiyNMiyNNjiZNiypRkCpSjydRkC
VVkSpTkihYmi9YlC9XlCxVlClYlixW lSpZlS1eli16skJnqDxppj1qpDxmpD9mpD1loj1opz9qqENvq
Udpp0FmqD9npkFtpUVvp0ZvrUVs q0NsrEFtrURsrkBrsT9vskFvrj5srz5ssUJsrkJsrkNtr0NusEVm
qjxrrz5ttkNquEFqtEFu"

我正在尝试使用我的自定义服务保存图像，但它没有保存正确的图像。这是保存图像的Node.js代码：

var fs = IMPORTS.require('fs');
var path = IMPORTS.require('path');
var buff = new Buffer(img.substr('data:image/png;base64,'.length), 'base64');
path.exists('/media/internal/wallpapers/', function(exists){
    if (exists) {
        var id = fs.openSync('/media/internal/wallpapers/i.png', 'w', 666);
        var written =  fs.writeSync(id, buff,0, buff.length, 0);
        fs.closeSync(id);
    }
});

图像的保存版本具有完全不同的像素值。

编辑

我发现上面的图像数据不正确。我正在使用 PNG 库来生成画布像素数组的 base64 图像数据。链接是http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/。

这是canvas.toDataURL(); 的替代方案。 webOS 不支持 toDataURL，所以我不得不使用库。

这是我与这个库一起使用的代码，用于将我的画布图像数据作为像素数组进行操作：

    EditorAssistant.prototype.getDataURL = function(width,height,pixelArray) {
        var p = new PNGlib(height, width, 256); // Construcor takes height, weight and color-depth.
        var background = p.color(0, 0, 0, 0);

        var k = 0;
        for (var j = 0; j<height; j++) {
            for (var i =0; i<width; i++) {
                var x =i;
                var y =j;
                p.buffer[p.index(x,y)] = p.color(pixelArray[k], pixelArray[k+1], pixelArray[k+2]);
                k+=4;
            }
        }
        return 'data:image/png;base64,'+p.getBase64() ;
    }

这个库是否有效，我在哪里做错了？

【问题讨论】：

我注意到您多次问过几乎相同的问题，每次都只提供更多信息。仅供参考，在 Stack Overflow 上，通常最好用更新的信息来编辑您的问题，而不是问一个新问题，如果它本质上是相同的。这样可以更轻松地为您提供帮助，因为其他人可以更轻松地将您在自己解决问题时收集的信息汇总在一起。
thnks Gordon .. 我会记住的...

标签： node.js png base64 webos data-uri

【解决方案1】：

libpng.js 只支持 256 色图像，所以这可能是问题所在。还有其他base64 encoding utilities 可以按预期工作。

【讨论】：