使用busboy将图像上传到Firebase时遇到问题：输入busboy.on时，我的变量未定义

问题描述

我正在用video做项目，但是内容似乎已经过时了，因为我遇到了很多问题，而这不是他所不能解决的。实际上，我对Node js和Firebase还是很陌生，实际上我正在学习。

我的问题是，当我在总线男孩的on（）上输入此函数时，我的变量只会变得未定义。我不明白为什么。导致数据库中的URL存储为：
“ https://firebasestorage.googleapis.com/v0/b/socialape-f5c4d.appspot.com/o/undefined?alt=media”
这是我的代码

const { db,admin } = require("../util/admin");

const config = require("../util/config");

const firebase = require("firebase");
firebase.initializeApp(config);

const {
  validateSingnupData,validateLoginData,} = require("../util/validators");

exports.uploadImage = (request,response) => {
  const BusBoy = require("busboy");
  const path = require("path");
  const os = require("os");
  const fs = require("fs");

  const busboy = new BusBoy({ headers: request.headers });

  let imageFileName; // here it's been defined
  let imageToBeUploaded = {};

  busboy.on("file",(fieldname,file,filename,encoding,mimetype) => {
    console.log(fieldname);
    console.log(filename);
    console.log(mimetype);

    // image.png
    const imageExtention = filename.split(".")[filename.split(".").length - 1];
    //random imageFileName 2641654465.png for example
    const imageFileName = `${Math.round(
      Math.random() * 100000000000
    )}.${imageExtention}`;

    const filepath = path.join(os.tmpdir(),imageFileName);
    imageToBeUploaded = { filepath,mimetype };
    file.pipe(fs.createWriteStream(filepath));
  });

  console.log("imageFileName 1:" + imageFileName);
  busboy.on("finish",() => {
    console.log("imageFileName 2:" + imageFileName);
    admin
      .storage()
      .bucket(config.storageBucket)
      .upload(imageToBeUploaded.filepath,{
        resumable: false,metadata: {
          metadata: {
            contentType: imageToBeUploaded.mimetype,},})
      .then(() => {
        console.log("imageFileName 3:" + imageFileName);
        const imageUrl = `https://firebasestorage.googleapis.com/v0/b/${config.storageBucket}/o/${imageFileName}?alt=media`;
        console.log(imageUrl);
        return db.doc(`/users/${request.user.handle}`).update({ imageUrl });
      })
      .then(() => {
        return response.json({ message: "iamge uploaded succesfuly" });
      })
      .catch((err) => {
        console.error(err);
        return response.status(500).json({ error: err.code });
      });
  });
  busboy.end(request.rawBody);
};

这就是我在控制台中得到的

Google API requested!
   - URL: "https://www.googleapis.com/oauth2/v4/token"
   - Be careful,this may be a production service.
>  imageFileName 1:undefined
>  image
>  17124052466014.jpg
>  image/jpeg
>  imageFileName 2:undefined
!  Google API requested!
   - URL: "https://storage.googleapis.com/upload/storage/v1/b/socialape-f5c4d.appspot.com/o?uploadType=multipart&name=91288441121.jpg"
   - Be careful,this may be a production service.
>  imageFileName 3:undefined
>  https://firebasestorage.googleapis.com/v0/b/socialape-f5c4d.appspot.com/o/undefined?alt=media

解决方法

您错过了最重要的事情，将请求发送给busboy：

request.pipe(busboy)