当前位置: 首页 > 知识库问答 >
问题:

无法从上载文件夹访问图像-Express-Multer-React

姚星河
2023-03-14

我正在开发我的第一个MERN stack网络应用程序。我完成了开发并尝试在VPS中托管。一切正常。但是,我无法查看上传的图像。我与您分享关于项目结构的几个细节。

  1. React应用程序是为生产而生成,并保存在公用文件夹中。
  2. 上载文件夹创建,用户上载的图像保存在其中,其位置存储在DB中。(例如:/uploads/user1/img1.jpg)。使用Multer处理图像上载。
 -MAIN_EXPRESS_APP_FOLDER
    ------Routes 
    ------Public
    ------Uploads
    ------package.json
app.use(express.static(path.join(__dirname,'/public')));
app.get('/*',(req,res)=>{
  res.sendfile(path.join(__dirname='public/index.html'));
})
app.use('/uploads', express.static('uploads'))

我可以访问我的web应用程序,也可以在数据库中插入数据。图像上载工作正常。但是,Express不提供上传的图像。会有什么问题吗?

共有1个答案

郎增
2023-03-14

至于静态内容,你设置的文件夹是公共的,现在我认为,你应该移动你的上传文件夹在公共,并尝试访问图像,希望他们将被服务,当前你的应用程序不允许服务器数据,否则,公共目录,希望它将帮助你

 类似资料:
  • 我正在使用path标准(使用maven war)将webapp部署到tomcat instalation目录。问题是我在webapp路径和浏览器中有一个javascript文件夹,我无法访问该文件夹。我已经检查了文件是否创建到正确的文件夹,他们在那里! 如果我尝试在浏览器上运行 给我“404页未找到”错误。 如果我把js文件夹放在根目录(而不是标准目录)中,一切都正常。

  • 我可以上传图片在数据库,但不能上传到“文件”文件夹。万维网 这是图像上传servlet。一旦图像被上传,它就应该被插入到files文件夹中。我不知道我犯了什么错误。谁能告诉我出了什么问题吗?我需要添加上传目录或文件路径C:inside吗?

  • 我是NodeJS的新手,我正在使用express、ejs和Multer(处理多部分/表单数据)开发一个项目,以便上传一张图片(单个>>个人资料图片)。我一直试图在一个视图中显示上传的文件(图像),但没有成功。我有关于上传文件(req.file)的所有信息,但我不能用它做任何事情。 有人能帮帮我吗。 问候你,多娜

  • 问题内容: 我正在尝试从文件中加载图像而不使用。这些文件夹是: 我想将图像加载到资产文件夹中。我试过了: 我已经尝试过使用字符串路径“ /TestProject/assets/drawIcon.png”,但是什么也没有。我不知道如何加载该图片! 问题答案: 将目录设置为资源目录,然后从“ /drawIcon.png”位置将图像加载为资源: 如果要创建javafx图像: 在这种情况下,也请将该文件夹

  • 本文向大家介绍express文件上传中间件Multer详解,包括了express文件上传中间件Multer详解的使用技巧和注意事项,需要的朋友参考一下 前言 Express默认并不处理HTTP请求体中的数据,对于普通请求体(JSON、二进制、字符串)数据,可以使用body-parser中间件。而文件上传(multipart/form-data请求),可以基于请求流处理,也可以使用formidabl

  • 我正在尝试加载存储在应用程序文件夹上的图像当我打开活动时,我从logcat收到了这个错误: 1-20 01:30:40.125 14331-14331/mx.eusaga。af W/ImageView:无法打开内容:content://mx.eusaga.af.fileprovider/imagenes/1-db384fa8-f28b-4595-abbf-d45d38fd4036.jpgjava.