Question

我很难将线条插在一起。

我正在使用videojs-record，这就是我所拥有的：

recorder.on('finishRecord',  function(){
  var formData = new FormData();
  formData.append('file', recorder.recordedData);
  $http.post('/api/submit_record', formData, { // Using Angular...
    headers: {'Content-Type': 'audio/wav'}
  });
});

然后在服务器端：

let bodyParser = require('body-parser');
let app = express();

app.post('/api/submit_record', bodyParser.raw({ type: 'audio/wav', limit: '1mb' }), (req, res) => {
  console.log(req.body);
  fs.writeFile('public/myFile.wav', req.body, function(err) {
    console.log('File uploaded', fileName);
    res.write('File saved');
    res.end();
  });
});

但我的文件最终无法读取......

我知道我应该在file中引用formData键，但我还没找到。

已经阅读了很多这方面的例子，但没有人为我找到解决方案......

我刚从there开始使用以下curl请求工作：

curl -X POST --data-binary @"public/sounds/1c0334bff518849e00aadd754b1a94f0.wav" -H "Content-Type: audio/wav" http://192.168.99.100:3000/api/submit_record

我真的不介意数据是通过FormData，json还是www-encoded发送的，我只是想这样做。

提前致谢！

Answer 1

您不需要FormData个实例。这只适用于您尝试发送的不仅仅是一件事。将您的客户端请求更改为：

recorder.on('finishRecord',  function(){
  $http.post('/api/submit_record', recorder.recordedData, {
    headers: {'Content-Type': 'audio/wav'}
  });
});

然后您可以将服务器端代码更改为：

app.post('/api/submit_record', (req, res) => {
  req.pipe(fs.createWriteStream('public/myFile.wav'))
    .on('error', (e) => res.status(500).end(e.message))
    .on('close', () => res.end('File saved'))
});

无法保存recorder.js将wav文件记录到node / express后端

1 个答案: