javascript - FileReader.readAsDataURL 上传到 express.js

Question

我有以下代码要上传到我的 Node.js/Express.js 后端。

var reader = new FileReader();
reader.readAsDataURL(file);

reader.onload = function (e) {
  var result = http.post('/files', e.target.result);
  result.success(function () { 
    alert('done'):
  });
}

我的路线看起来像：

app.post('/files', function (req, res) {
  var cws = fs.createWriteStream(__dirname + '/media/file');
  req.pipe(cws);
  res.send('success');
});

当我使用图像应用程序打开 /media/file 时，我收到一条警告说它无法读取它。当我用文本编辑器打开图像文件时，我看到里面有 base64 编码的字符串。在将字符串写入桌面之前是否需要先转换字符串？

Answer 1

问题是 DataURL 是由元数据前置的。在创建 base64 缓冲区之前，您首先需要删除该部分。

var data_url = req.body.file;
var matches = data_url.match(/^data:.+\/(.+);base64,(.*)$/);
var ext = matches[1];
var base64_data = matches[2];
var buffer = new Buffer(base64_data, 'base64');

fs.writeFile(__dirname + '/media/file', buffer, function (err) {
  res.send('success');
});

从这个问题中得到了大部分代码。