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

Question

我正在通过视频进行项目，但内容接缝已经过时，因为我遇到了很多问题，而这家伙不是。 我对节点 js 和 firebase 相当陌生，事实上我一直在学习。

我的问题是，当我输入这个 function on() of bus boy 时，我的变量只是未定义。 我不明白为什么。 这导致 DB 中的 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

Answer 1

你错过了最重要的事情，pipe 与 busboy 的请求：

request.pipe(busboy)

Answer 2

我有一个类似的问题，但通过安装教程时使用的较低版本的 busboy 解决了问题。 就我而言，我通过运行安装了 0.3.0 版本而不是最新版本

npm I busboy@0.3.0,