Multer get and post path 显示图像时出现语法错误答案

【问题标题】：Multer get and post path Getting syntax error displaying imageMulter get and post path 显示图像时出现语法错误
【发布时间】：2020-11-30 03:10:09
【问题描述】：

在我的后端，我有获取名为 /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

【问题讨论】：

你的http:8080//uploads/k2.jpg显示图片了吗？尝试在新选项卡中解析它，看看您是否可以看到图像？
是的，它显示在那里

标签： node.js reactjs react-native axios multer

【解决方案1】：

您可以使用模板将图片网址添加到图片中

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

但如果您不向item.imageUrl 添加任何初始值，它将是无效的并且会出现错误。所以最初将 item.imageUrl 的值添加到文件系统中的图像，并在需要更改图像时用新的图像 URL 替换该图像 URL。

【讨论】：

好的，我会试试的，谢谢。当我上传应用程序时，您能解释一下如何在 src 中添加动态文件夹和照片吗？听起来很奇怪（所有部分都是静态文件夹而不是 nodejs 中的常规路由
您必须根据您使用的技术进行配置。如果您使用的是 webpack，那么您可以使用 wepack-image 。当您构建应用程序时，所有这些图像都将存储为静态文件，不建议将图像存储在应用程序本身中。而是将其存储在云中，因为对象是 S3 或云存储桶
所以当我将我的应用程序部署到 google play 时，我需要在任何地方更改路径？并从 s3 给我的路径中获取？我现在在做什么只是为了临时检查？
我做了这个检查 {Object.keys(s).length === 0 ？ null : ( ../../server/uploads/${item.imageurl})} /> )} 并得到同样的错误
stackoverflow.com/a/30868078/5990249检查这个方法