首页 > 解决方案 > 如何从 POST 正文获取 wav 文件以使用 Node JS/Express 上传

问题描述

我正在创建一个节点 js 应用程序,其部分目的是接收一个 POST 请求,然后为 2 个字段解析正文:id 和一个 .wav 文件。

不幸的是,我似乎无法正确解析 req 正文。我相信请求应该是 multipart/form-data (这就是我使用 multer 而不是 bodyParser 的原因),但是当我尝试 log(body.req.file) 并且 res 显示 500 内部服务器时,我一直不确定我在 app.post 函数中发送的错误。

这是服务器代码...

穆尔特部分:

var upload = multer({ storage: storage })
var uploadFields = upload.fields([{name: 'id'}, {name: 'file'}])

var storage = multer.diskStorage({
    destination: function(req, file, cb){
        cb(null, 'temp/')
    },
    filename: function(req, file, cb){
        fileBody = file
        keyName = `${req.body.id}.` + getExtension(file)
        var objectParams = {Bucket: myBucket, Key: keyName, Body: fileBody}
        s3.putObject(objectParams).promise().then(function(res){console.log('wewlad')}).catch(function(err){console.log(err)})
        cb(null, file.fieldname + '-' + Date.now() + '.' + getExtension(file))
    }
})

快递部分:

app.post('/', uploadFields, function(req, res){
    console.log('POST to / recieved!')
    console.log(req.body.id)
    console.log(req.body.file)  

    fileBody = req.files
    keyName = req.body.id + '.wav'
    var params = {Bucket: myBucket, Key: keyName, Body: fileBody}
    var putObjectPromise = s3.putObject(params).promise()
    putObjectPromise.then(function(res){
        console.log(res)

    }).catch(function(err){
        console.log(err)
    })
})

我制作的 getExtension 函数(不确定是否需要)...

function getExtension(file) {
    var res = ''
    //some of these are being used for testing
    if (file.mimetype === 'audio/wav') res = '.wav'
    else if (file.mimetype === 'audio/basic') res = '.ul'
    else if (file.mimetype === 'multipart/form-data') res = '.wav'
    else if (file.mimetype === 'application/octet-stream') res = '.ul'
    else console.log(`ERROR: ${file.mimetype} is not supported by this application!`)
    return res
}

旁注:我正在使用邮递员将 id 和文件作为表单数据发送

任何帮助是极大的赞赏!另外,如果我遗漏了什么,请告诉我!

编辑:再次尝试使用新信息,这是我的尝试:

 var upload = multer({ dest: 'uploads/' }) //what do I put here to not store file
 ...
 ...
 app.post('/', upload.single('file'), function(req, res, next){
    console.log('POST to / received!')
    console.log(req.body.id)
    console.log(req.file)

    var fileBody = req.file //and what do I put here to get access to the file
    var keyName = `audio-${req.body.id}.${getExtension(req.file)}`
    var params = { Bucket: myBucket, Key: keyName, Body: fileBody }
    var putObjectPromise = s3.putObject(params).promise()

    putObjectPromise.then(function(res){
        console.log(res)
        res.sendStatus(204);
    }).catch(err =>{
        console.log(err)
        next(err)
    })
});

它导致我来自 S3 验证 putObject 调用的参数

未来路过的任何人的解决方案:

 var upload = multer()


app.post('/', upload.single('file'), function(req, res, next){
    //for debugging purposes
    console.log('POST to / received!')
    console.log(req.body.id)
    console.log(req.file)

    //set the parameters for uploading the files to s3
    var fileBody = req.file.buffer
    var keyName = `audio_logs/audio-${req.body.id}.${getExtension(req.file)}`
    var params = { Bucket: myBucket, Key: keyName, Body: fileBody }

    //upload the audio file and then state when done. Log any errors.
    var putObjectPromise = s3.putObject(params).promise()
    putObjectPromise.then(function(res){
        console.log('Uploaded -> ' + res)        
    }).catch(err =>{
        console.log(err)
        next(err)
    })
});

标签: node.jsexpressmulter

解决方案


正如@shortstuffsushi 指出的那样,由于您使用的是multer.fields,文件元数据被解析为req.files.

但是,该对象不是实际的文件主体。这是一个键-> 值映射,其中每个键是您定义的字段之一multer.fields,每个值是一个文件对象数组

因此,如果我正确阅读了您的代码,您必须以req.files['file'][0].

此外,由于您将 multer 配置为使用 DiskStorage,因此该文件对象将不包含实际的文件主体。相反,它将具有path指向文件系统上文件的属性。

因此,为了将其上传到 S3,您首先必须将其从磁盘读取到缓冲区或流中(取决于上传库可以使用的内容),然后使用它来实际上传文件的数据。


如果每个请求只上传一个文件,则应考虑使用multer.single而不是multer.fields. 我想该id字段是一个数字或字符串,因此指定它multer.fields只会使它尝试将废话解析到文件中。

并且multer.single文件元数据将被解析为req.file(没有's'),因此您不需要额外的“映射到数组”访问。

所以一个完整的例子看起来像这样:

const readFile = require('util').promisify(require('fs').readFile)

app.post('/', upload.single('file'), function(req, res, next){
    console.log('POST to / received!')
    console.log(req.body.id)
    console.log(req.file)  

    readFile(req.file.path)
      .then(body => {
        const params = { Bucket: myBucket, Key: req.body.id + '.wav', Body: body }
        return s3.putObject(params).promise();
      })
      .then(result => {
        console.log(result)
        res.sendStatus(204);
      })
      .catch(err => {
        console.error(err);
        next(err);
      });
});

正如@shortstuffsushi 提到的那样,multer 的filename配置也不应该上传文件。


推荐阅读