Javascript 获取上传到nodejs中的图像url

Javascript 获取上传到nodejs中的图像url,javascript,node.js,multer,Javascript,Node.js,Multer,我正在使用nodejsmulter将图像文件上载到图像上载目录。上传后,如何在客户端浏览器的html img标记中显示此特定图像。什么是url 当我打字的时候http://localhost:3000/uploads/1591342432.jpeg,它表示无法获取该文件 var storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, "./uploads/");

我正在使用nodejsmulter将图像文件上载到图像上载目录。上传后,如何在客户端浏览器的html img标记中显示此特定图像。什么是url

当我打字的时候http://localhost:3000/uploads/1591342432.jpeg,它表示无法获取该文件

var storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, "./uploads/");
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + ".jpeg");
  },
});

const upload = multer({ storage: storage });

router.post("/upload", upload.single("file"), async (req, res) => {
  try {
    console.log("uploading...");
    console.log(req.file.filename);
    res.json({ cool: "yes" });
    // res.json({ file: req.file });
  } catch (error) {
    console.log(error);
  }
});

您似乎正在使用multer将img上载到名为uploads的本地文件夹

我将推荐以下教程:


本教程使用multer上载云firebase。上传图像后,您将获得存储在云中的图像的链接,以及可在其他服务器上使用的相同链接。如果您还没有,则在尝试通过
获取图像时,需要为图像资源设置获取路径http://localhost:3000/1599134489853.jpeg
。对于express应用程序,当前返回文件的简单/首选方法似乎是。否则,您可以生成流并返回,如所示。

我想我需要设置一个静态目录:

app.use(express.static("uploads"));
然后,我可以通过以下方式访问图像文件:

http://localhost:3000/1599134489853.jpeg