在 NodeJS 中从 base64 字符串创建图像

Question

我正在尝试上传从画布中提取并通过 ajax 发布的图像，但在服务器端创建图像文件时遇到问题。

我已经关注了这个答案：https://stackoverflow.com/a/7347358/1358670，但我似乎仍然在这里或那里错过了一些东西。

这是我的 javascript（浏览器）代码：

var img = myCanvas.toDataURL("image/jpeg");

// ajax request to send the image

在服务器端，我执行以下操作：

var fd =  fs.openSync('./img.jpeg', 'w');
req.body.image = req.body.image.replace(/^data:image\/\w+;base64,/, "");
console.log( req.body.image );

var buff = new Buffer(req.body.image, 'base64');
fs.write(fd, buff, 0, buff.length, 0, function(err,written){
    console.log( ">> "+ err );
    fs.closeSync( fd );
});

如您所见，我已记录图像以查看它是否已正确发送，确实如此，但我仍然无法打开创建的 img.jpeg 文件

非常欢迎任何帮助或提示。

---

编辑

我也尝试过这里的解决方案：https://stackoverflow.com/a/6933413/1358670 但我仍然遇到同样的问题

---

编辑：2

我已经测试了我的前端，在服务器端使用了一个 PHP 脚本，并且生成的图像非常好，所以我认为问题出在我的 NodeJS 代码中。

Answer 1

问题在于对 NodeJS 的处理，我并不怀疑代码，因为它在每个地方都是一样的，人们评论它对他们有用，没有什么不同，所以我不怀疑这个过程，但要么做错了什么。

在我的 PHP 脚本中检查它时，我发现了一个不在 NodeJS 代码中的步骤，这里是 PHP 代码：

$img = $_POST[ 'image' ];

$img = str_replace('data:image/jpeg;base64,', '', $img);
$img = str_replace(' ', '+', $img);

$data = base64_decode($img);
$file = "./". uniqid() . '.png';
$success = file_put_contents($file, $data);
print $success ? $file : 'Unable to save the file.';

区别就在这里：str_replace(' ', '+', $img);

我不知道它对其他人是如何工作的，但对我来说，用 + 替换 base64 中的每个空间解决了我的问题。

---

新的 NodeJS 代码

req.body.image = req.body.image.replace(/^data:image\/\w+;base64,/, "");
req.body.image = req.body.image.replace(/ /g, '+');
console.log( req.body.image );

var buff = new Buffer(req.body.image, 'base64');
fs.write(fd, buff, 0, buff.length, 0, function(err,written){
    console.log( ">> "+ err );
    fs.closeSync( fd );
});

我希望这对其他人有帮助

---

更好的代码版本：

req.body.image = req.body.image.replace(/^data:image\/jpeg+;base64,/, "");
req.body.image = req.body.image.replace(/ /g, '+');

fs.writeFile('./records/'+model+'/out.jpeg', req.body.image, 'base64', function(err) {
    console.log(err);
});