时间戳

首页 > 解决方案 > Multer get 和 post path 获取语法错误显示图像

node.js - Multer get 和 post path 获取语法错误显示图像

问题描述

在我的后端，我有获取名为 /images 的图像的路径和上传名为 images/new/ 的图像的路径

我用 multer 上传图片。我创建了名为 /uploads 的 multer 路径

现在我的问题是 当我从前端使用 axios 调用时。如果我想获取图像，我应该在 url 中输入什么？

现在我写： <Image source={require("../../server/uploads/" + item.imageUrl)} /> (image won't show up & get syntax error). 2: <Image source={"http:8080//uploads/k2.jpg")} /> (image dont show up)

当我做 post 方法时，我需要发送哪个 url？

我使用了 react native nodejs mongoose

标签： node.jsreactjsreact-nativeaxiosmulter

解决方案

您可以使用模板将图像 URL 添加到图像

<Image source={require(`../../server/uploads/${item.imageUrl}`)} />

但是，如果您不向其中添加任何初始值，item.imageUrl它将被取消，并且会出现错误。因此，最初item.imageUrl在文件系统中为图像添加价值，并在需要更改图像时用新的图像 URL 替换该图像 URL。

推荐阅读