使用multer中间件上传图片，req.file为undefined的处理办法

最新推荐文章于 2023-11-04 16:06:35 发布
最新推荐文章于 2023-11-04 16:06:35 发布
阅读量1.5k 收藏 4
点赞数
文章标签： Express Multer 图片上传 文件夹 req.file
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45463061/article/details/125982511
版权

问题：今天在使用express的multer中间件上传图片的时候遇到一个问题，老是打印不出req.file里的信息,截图如下

在这里插入图片描述
在这里插入图片描述

官方文档有写：【Multer 会添加一个 body 对象 以及 file 或 files 对象 到 express 的 request 对象中。 body 对象包含表单的文本域信息，file 或 files 对象包含对象表单上传的文件信息。】，但为什么打印不出来呢

解答：原来是我没有创建对应的文件夹，导致无法生成图片，我之前还以为那个上传照片的文件夹会自动生成，搞了半天，还需要手动创建

在这里插入图片描述
再次发送请求，然后打印req.file,出打印结果了,截图如下
在这里插入图片描述

TANGYC_
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
multer-gc:表达中间件以在请求结束后清除req.files和req.file
05-16
multer-gc 表达中间件以在请求结束后清除req.files和req.file安装npm install --save multer-gc例子 var express = require ( "express" )var multergc = require ( "multer-gc" )var app = express ( ) ;...
mw-parse-url:将 req.url 解析为 req.path 和 req.query 的中间件
06-13
mw-解析-url 解析req.url的值并将路径放在req.path同时将查询字符串解析为req.query上的对象。安装： npm i mw-parse-url例子： var http = require ( 'http' ) ;var mwUrl = require ( 'mw-parse-url' ) ;http . ...
学习笔记
weixin_45838641的博客
12-22 460
undefined 与null ECMAScript认为undefined是从null派生出来的，所以把它们定义为相等的 表面上 undefined 与 null 都是什么都没有的意思，但是实际上null表示"没有对象"，即该处不应该有值。 undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义（初始化）； 类型转换 强制转换 Number():严格转换，不允许出现任何非数字的字符，否则NaN；直接转换 parseFloat() :它的使用规则和parseInt()基本一致.
使用multer第三方插件时，req.body 为 undefined 问题
weixin_45982960的博客
01-09 915
multer
express + multer 实现文件上传（一）-- 基本上传
yun_hou的博客
07-22 9358
express框架，实现文件上传主要用到了multer插件 准备工作： 创建一个express项目，并支持html，教程请转至nodejs+express+pm2 搭建服务器 安装依赖： npm install --save multer 开始编码： 1、routers 文件夹下新建 upload.js 文件 const express = require('expre...
为什么我的文件传到后台接口req.files显示undefined
weixin_45271385的博客
11-08 1861
解决： <form method="POST" action="/reg" enctype="multipart/form-data" > <input type="file" name="fieldname" /> <input type="submit" value="提交" /> 1 用post请求方式 2 在form标...
二.基于nodejs express multer 上传图片功能实现+详细说明_番茄出品
lazy_tomato的博客
04-01 5027
START 前几天熬夜做了一个基于nodejs的后端服务，连接mysql数据库搞定了。 但是最近遇到上传图片一个需求，这如何实现呢？别着急，番茄带你一点一点实现。 本文作者：lazy_tomato 编写时间：2022/03/31-22/21 前情提要 首先我们已经基于express搭建了一个后端服务。 其次我们使用mysql5已经成功连接并可以操作数据库了。 不清楚这些的可以访问我上一篇博客 ：https://blog.csdn.net/wswq2505655377/article/details
express下后台接口req.files显示undefined的自检方式
dergfg的博客
03-03 1051
是否引入了multer插件 在package.json里查看 需要提交的表单的form里是否增加了enctype="multipart/form-data属性 在app.js中是否引入，并通过use注册 const multer = require(“multer”); //读取上传文件 const upload = multer({ dest: ‘./public/uploads’ }); //设置存储路径，没有文件夹会自动创建 app.use(upload.any()); 通过这个注册 ...
express后台中post请求接收数据req.body为空
01-03
但是，后台打印req.body的打印的值为空 然后我看了很久文档,最终发现,只需要用json解析一下就好了,可能还是自己学的不扎实吧. app.use(bodyparser.json()) 最终,我们可以看到.后台可以打印出前端发过来的值有了, ...
file.upload:使用multer轻松上传文件
05-20
multer会将文件信息存储在`req.file`对象中，你可以根据需要进行后续处理，比如保存到数据库或移动到其他位置。 5. HTML表单设置 为了能够发起文件上传请求，前端HTML需要包含一个`<form>`元素，且`enctype`属性...
req.set:Express HTTP标头的req.set（）功能
05-15
req.set（） :pushpin: 在设置请求标头，例如响应标头 与运行Express的任何节点版本兼容 为什么这很重要？ 不支持直接在express中更新请求标头，其方式与相同。 例如，您失去了以不区分大小写的方式（例如，使用...
req.files undefined 文件上传问题：express 文件上传为空
m0_48909912的博客
11-04 244
express 文件上传为空
node.js 中间件 multer 问题记录
Z_Pro7的博客
06-02 227
背景:使用multer中间件存储上传文件到本地，自定义本地储存文件名为上传文件，因此对当前文件夹是否有重复文件名进行了判断,然后就出现上传会提示文件名重复，但后续操作都会卡住的问题。3.问题是为什么只有判断文件名是否重复的部分导致当前连接卡住,但判断文件大小和类型则不会。1.上传文件,此时本地已有相同文件名文件,因此返回文件名重复。2.后续操作卡住,但服务器未崩溃,只是当前连接卡住。
multer中间件的上传于下载之大坑:res.download()与ajax的问题
从入门到放弃_nys的博客
02-18 1158
postman插件测试正常。能得到文件。但是在进行前端渲染时。ajax请求会进入error。 如下。postman正常 通过表单里的按钮，可以第一次ajax请求通过id拿到存储的文件信息。但是在进行二次ajax时，会发现一直进入error。查看后台，发现文件名是拼接正确的。虽然中文会有编码错误导致路径不对而失败。但是纯英文的路径正确仍然是进入erro下载失败。 网上查了很多资料。也通过浏览器控...
multer的文件上传 的部分问题
CHENC0518的博客
03-07 462
const storage = multer.diskStorage({ destination: function(req, file, cb) { cb(null, uploadFolder); // 他会放在当前目录下的 /upload 文件夹下（没有该文件夹，就新建一个） }, filename: function(req, file, cb) { // 在这里设定文件名 cb(null, file.originalname); // file.originalname是...
NodeJs异步上传multer插件报Multipart: Boundary not found错误解决方法
weixin_30321709的博客
04-16 685
NodeJs-express架构下实现文件上传两大利器： 1.前端异步插件h5uploader 　　https://github.com/wewoor/h5uploader 2.后端处理multer 　　https://github.com/expressjs/multer 前后端分别使用这两个组件分分钟就能实现文件上传，功能强大，代码简洁，使用方法我就不多说了，看下github就知道了...
node使用express+multer文件上传和下载的问题
feng的博客
04-22 694
简单使用multer实现文件的上传和下载； 1、文件上传使用multer，首先要在项目中安装multer模块。 npm install multer -save 2、这里使用express模块,multer文件上传分为单文件和多文件，单文件使用如下； （1）客户端代码,这里我们简单使用form表单提交，使用post方式，表单一定要设置enctype="multipart/form-...
vue+axios+nodejs+multer上传文件的坑
m0_37820751的博客
12-01 965
在做前后端分离的项目时、我们就不能使用form表单来提交数据或者上传文件了，那么就只能通过vue的axios来提交数据，如果数据中有文件类型的数据，就需要将所有需要上传的数据添加到FormData对象中，以FormData形式用axios上传，同时要设置headers中的content-type为multipart/form-data。 vue <template> &l...
req.file为undfine
最新发布
11-21
根据提供的引用内容，无法确定`req.file`是什么。但是，通常情况下，`req.file`是一个对象，其中包含上传文件的信息。如果`req.file`为`undefined`，则可能是因为没有正确配置文件上传中间件或没有正确处理上传文件的请求。以下是一些可能导致`req.file`为`undefined`的原因： 1. 没有正确配置`multer`中间件。在使用`multer`处理文件上传时，需要在应用程序中正确配置中间件。例如，以下代码片段演示了如何使用`multer`中间件来处理文件上传请求： ```javascript const multer = require('multer'); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.single('file'), (req, res) => { // 处理上传文件的请求 }); ``` 在上面的代码中，`multer`中间件被配置为将上传的文件保存在`uploads/`目录中。`upload.single('file')`指定只处理名为`file`的单个文件上传请求。如果没有正确配置`multer`中间件，则可能导致`req.file`为`undefined`。 2. 没有正确处理上传文件的请求。在使用`multer`处理文件上传时，需要在应用程序中正确处理上传文件的请求。例如，以下代码片段演示了如何使用`multer`中间件来处理文件上传请求： ```javascript const multer = require('multer'); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.single('file'), (req, res) => { if (!req.file) { // 处理上传文件失败的情况 } else { // 处理上传文件成功的情况 } }); ``` 在上面的代码中，如果`req.file`为`undefined`，则表示上传文件失败。如果没有正确处理上传文件的请求，则可能导致`req.file`为`undefined`。 如果以上两种情况都已排除，则可能是其他原因导致`req.file`为`undefined`。可以尝试打印`req`对象，查看其中是否包含`file`属性，以确定问题的根本原因。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TANGYC_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值