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');
});

大部分代码来自 question .