I'm trying to upload images to firebase using postman. With firebase serve
running, I send a post request to my route along with Authorization header and the image file but get the following error in the console:
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
exports.uploadImage = (req, res) => {
const BusBoy = require('busboy')
const path = require('path')
const os = require('os')
const fs = require('fs')
const busboy = new BusBoy({
headers: req.headers
})
let imageFileName
let imageToBeUploaded = {}
busboy.on('file', (fieldname, file, filename, encoding, mimetype) => {
console.log(fieldname, filename, encoding, mimetype)
if (mimetype !== 'image/jpeg' && mimetype !== 'image/png') {
return res.status(400).json({
error: '❌ Wrong file type submitted'
})
}
const imageExtension = filename.split('.')[filename.split('.').length - 1]
imageFileName = `${Math.round(
Math.random() * 1000000000000
)}.${imageExtension}`
const filepath = path.join(os.tmpdir(), imageFileName)
imageToBeUploaded = {
filepath,
mimetype
}
file.pipe(fs.createWriteStream(filepath))
})
busboy.on('finish', () => {
admin
.storage()
.bucket(config.storageBucket)
.upload(imageToBeUploaded.filpath, {
resumable: false,
metadata: {
metadata: {
contentType: imageToBeUploaded.mimetype,
},
},
})
.then(() => {
const imageUrl = `https://firebasestorage.googleapis.com/v0/b/${config.storageBucket}/o/${imageFileName}?alt=media`
return db.doc(`/users/${req.user.handle}`).update({
imageUrl
})
})
.then(() => {
return res.json({
message: '✅ Image uploaded successfully'
})
})
.catch((err) => {
console.error(err)
return res.status(500).json({
error: err.code
})
})
})
busboy.end(req.rawBody)
}
Full error message:
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
at validateString (internal/validators.js:112:11)
at Object.basename (path.js:1157:5)
at Bucket.upload (/Users/apple/Code/litter/litter-functions/functions/node_modules/@google-cloud/storage/build/src/bucket.js:2493:38)
at /Users/apple/Code/litter/litter-functions/functions/node_modules/@google-cloud/promisify/build/src/index.js:69:28
at new Promise (<anonymous>)
at Bucket.wrapper (/Users/apple/Code/litter/litter-functions/functions/node_modules/@google-cloud/promisify/build/src/index.js:54:16)
at Busboy.<anonymous> (/Users/apple/Code/litter/litter-functions/functions/handlers/users.js:133:8)
at Busboy.emit (events.js:210:5)
at Busboy.emit (/Users/apple/Code/litter/litter-functions/functions/node_modules/busboy/lib/main.js:37:33)
at /Users/apple/Code/litter/litter-functions/functions/node_modules/busboy/lib/types/multipart.js:52:13 { code: 'ERR_INVALID_ARG_TYPE' }
The problem is that you typed imageToBeUploaded.filpath
in the argument to upload()
, but you meant to type imageToBeUploaded.filepath
. There is a missing 'e', which makes the whole expression undefined.