我试图将画布数据作为图像(png)写入我的Dropbox。 我设法从画布获取数据并将文件保存到Dropbox,但该文件不是它接缝的图像文件。
根据文档,图像数据应转换为arrayBuffer。我正在使用Stackoverflow上的函数进行操作,但有些东西似乎不起作用。 有谁知道我做错了什么?
function _str2ab(str) {
var buf = new ArrayBuffer(str.length*2); // 2 bytes for each char
var bufView = new Uint16Array(buf);
for (var i=0, strLen=str.length; i<strLen; i++) {
bufView[i] = str.charCodeAt(i);
}
return buf;
}
function _savePicture () {
//Get data from canvas
var imageSringData = canvas.toDataURL('image/png');
//Convert it to an arraybuffer
var imageData = _str2ab(imageSringData);
client.writeFile('/Public/the_image.png', imageData, function(error, stat) {
if (error) {
console.log('Error: ' + error);
} else {
console.log('File written successfully!');
}
});
这里有一些Dropbox文档。 https://github.com/dropbox/dropbox-js/blob/stable/guides/snippets.md
答案 0 :(得分:2)
终于有了工作!我使用另一个函数将base64转换为bufferArray并删除&#39;数据:image / png; base64,&#39;从字符串,它工作。希望这将有助于将来的其他人。
function _base64ToArrayBuffer(base64) {
base64 = base64.split('data:image/png;base64,').join('');
var binary_string = window.atob(base64),
len = binary_string.length,
bytes = new Uint8Array( len ),
i;
for (i = 0; i < len; i++) {
bytes[i] = binary_string.charCodeAt(i);
}
return bytes.buffer;
}
function _savePicture () {
//Get data from canvas
var imageSringData = canvas.toDataURL('image/png');
//Convert it to an arraybuffer
var imageData = _base64ToArrayBuffer(imageSringData);
client.writeFile('/Public/the_image.png', imageData, function(error, stat) {
if (error) {
console.log('Error: ' + error);
} else {
console.log('File written successfully!');
}
});