jquery formdata在express req.files中返回null
问题描述：jquery formdata在express req.files中返回null
解答： 问题描述中提到了两个关键词：jquery formdata和express req.files。我们来分别解释一下这两个概念以及问题的解决方法。
- jquery formdata：jQuery是一个流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果等操作。其中的FormData对象是用于创建表单数据的键值对集合，可以通过Ajax发送到服务器。它主要用于实现文件上传和表单数据的异步提交。
- express req.files：Express是一个流行的Node.js Web应用程序框架，用于构建Web应用程序和API。req.files是Express中的一个属性，用于获取通过表单上传的文件。它是通过中间件multer来实现的，可以将上传的文件保存到服务器的指定位置，并将文件信息存储在req.files中。
解决方法： 当jquery formdata在express req.files中返回null时，可能有以下几个原因和解决方法：
- 检查前端代码：确保在使用FormData对象时，正确地设置了表单的enctype属性为"multipart/form-data"，以支持文件上传。同时，确保表单中的文件输入字段的name属性正确设置。
- 检查后端代码：确保在Express应用程序中正确地配置了multer中间件，并将其应用于相应的路由或全局中间件。multer中间件的配置包括指定文件保存的目录、文件名生成规则等。
- 检查文件上传大小限制：multer中间件默认对上传文件的大小有限制，如果上传的文件大小超过了限制，req.files可能会返回null。可以通过配置multer中间件的limits选项来修改文件大小限制。
- 检查文件保存路径权限：确保指定的文件保存路径具有写入权限，以便multer中间件可以将上传的文件保存到该路径。
- 检查网络连接和服务器状态：如果以上步骤都没有问题，可以检查网络连接和服务器状态，确保网络正常并且服务器正常运行。
总结： 当jquery formdata在express req.files中返回null时，需要检查前端代码、后端代码、文件上传大小限制、文件保存路径权限以及网络连接和服务器状态等方面的问题。根据具体情况逐一排查，确保配置正确并且各项条件满足，即可解决该问题。
腾讯云相关产品推荐：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
12回答
如何使用Firebase云函数执行HTTP文件上传(multer，busboy)
javascript、firebase、express、google-cloud-functions
我试图上传一个文件到云函数，使用Express处理那里的请求，但我没有成功。我创建了一个在本地工作的版本：
serverside js
const express = require('express');
const cors = require('cors');
const fileUpload = require('express-fileupload');
const app = express();
app.use(fileUpload());
app.use(cors());
app.post('/upload',
浏览 19提问于2017-11-11得票数 43
4回答
节点js multer文件上传不工作。req.file和req.files总是未定义的
javascript、jquery、node.js、express、multer
我试图上传一个文件到我的服务器，但是req.file和req.files在我的POST REST端点上总是没有定义。
我试图上传的内容是一个".dat“文件，我期待一个json响应。
这是我的密码：
服务器端：
var express = require('express');
var multer = require('multer')
var upload = multer({ dest: 'uploads/' })
var app = express()
app.post('/creoUpload', uplo
浏览 1提问于2018-02-24得票数 2
回答已采纳
3回答
Express multer上载不起作用
node.js、express、multer、body-parser
我的上传器有问题。我认为代码的一切都是正确的，并且文件仍然不是在上传文件夹中创建的。同样，当我尝试console.log(req.files)时，我得到一个空数组。我试着在本地做，这是代码： const express = require("express"),
app = express(),
multer = require("multer"),
bodyParser=require("body-parser"),
app.use(bodyParser.urlencoded({ ext
浏览 93提问于2017-10-28得票数 3
回答已采纳
1回答
如何在NodeJS中从客户端上传文件？
javascript、node.js、file-upload、xmlhttprequest
我在我的nodejs文件中使用npm模块从客户端获取表单数据，其中包含了我从我的计算机上传的图像。但是，当我试图打印出服务器端的文件时，它是未定义的，我猜想该文件实际上并没有发送到服务器。当我在客户端打印出来时，它就在那里。
main.js (客户端)
var formData = new FormData();
formData.append("image", file);
var r = new XMLHttpRequest();
r.open("POST", "/post");
r.send(formData);
app.js (服务器端)
浏览 2提问于2016-03-21得票数 0
回答已采纳
4回答
POST multipart/form-data to Serverless Next.js API (在Vercel /Now.sh上运行)
node.js、forms、multipartform-data、serverless、vercel
我正在使用Vercel Serverless函数来处理文件上传到数字海洋空间(与亚马逊网络服务S3相同的应用程序接口)。但是，我遇到了在请求处理程序中处理多部分/表单数据的问题。
在前端，我使用fetch来发布一个包含文件和几个文本字段的FormData()对象。当在头文件上记录body和服务器时，我可以按预期看到所有内容，但是当使用Multer处理多部分时(我也尝试了几个其他类似的包)，我无法检索任何发布的字段或文件。
同样值得注意的是，当使用Postman测试POST请求时，我遇到了完全相同的问题，所以我确信问题出在无服务器函数中。
前端：
const handleSubmit = asy
浏览 0提问于2020-06-16得票数 2
2回答
Nodejs --如何保存从前端发送到公用文件夹的文件对象，而不使用像multer这样的中间件？
node.js、multer
我有一个React客户端应用程序和一个Nodejs后端。
我正在尝试发送一个字符串化的json和一些pdf文件(由从客户端上传)作为格式数据/多部分在如下的put请求中：
let formData = new FormData()
formData.append('user', JSON.stringify(jsonData))
formData.append('file_1', user.file_1)
formData.append('file_2', user.file_2)
在我的Nodejs后端中，我使用multer提取表单数据：
l
浏览 0提问于2020-05-04得票数 1
回答已采纳
3回答
如何在nodejs中调用控制器内的multer中间件？
node.js、mean-stack、image-uploading、multer
我在我的服务器上上传一张图片。在最前端，我用的是棱角。前端运行良好，我发帖子只是为了向您展示如何将文件传递给后端！
component.html
<div fxLayout="column" fxLayoutAlign="center center">
<div>
<mat-form-field>
<ngx-mat-file-input placeholder="Only photos" [accept]="'.jpg, .jpeg, .png'"
浏览 5提问于2019-10-20得票数 7
回答已采纳
2回答
文件上传使Node与Multer没有响应
javascript、node.js、multer
我使用Multer Node JS包将文件上传到我的应用服务器，代码基本上是典型的上传文件代码。
const express = require('express')
const multer = require('multer')
const upload = multer({ dest: 'uploads/' })
const app = express()
app.post('/profile', upload.single('avatar'), function (req, res, next)
浏览 10提问于2022-02-03得票数 0
1回答
用于在多个阵列中保存文件对象的Req.files
reactjs、express
我正在建设什么允许用户的创建组，并在每个组持有文件。我有这个设置，但在我的服务器端(express js)循环通过组中的文件时遇到了问题。
在我发送到我的服务器之前，我这样构建我的formData
// loop through groups
for(var i = 0; i < data.groups.length; i++) {
formData.append('groups[]', data.groups[i])
// loop through photos in group
for(var s = 0; s < data.grou
浏览 0提问于2018-10-27得票数 0
2回答
无法向Express服务器(CORS)发出Axios post请求
reactjs、express、axios、cors、multer
我一直在尝试制作一个简单的图像上传表单，使用react，axios和multer，但是我想不出一种处理cors的方法！
下面是我的表单(在端口80上运行创建-react app)：
<form onSubmit={uploadAvatar} enctype="multipart/form-data">
<div className="form-group">
<input type="file" className="form-control-file" id="avatar
浏览 24提问于2022-05-04得票数 -1
回答已采纳
2回答
为什么formData不能处理多个文件？
node.js、reactjs、express、multer、form-data
我正在处理的一个React项目面临一个问题:我试图将多个图像上传到Node中。我使用一个formData对象，并使用append()方法从组件状态追加表单字段。
在我使用multer的Express代码中，req.body中的所有属性都在那里，但req.files是空的。
我修改了代码，也使用了formData()来上传单个图像，它可以工作；问题似乎只有当我尝试使用formData对象处理多个文件时才会出现问题。我也测试了使用一个常规形式(没有反应)，这也是有效的！
我在想，当我在多个文件的文件输入中使用formData时，是否遗漏了什么？
import React, { Component
浏览 1提问于2019-01-19得票数 9
回答已采纳
1回答
如何使用Express4和Multer保存文件？
javascript、node.js、express、xmlhttprequest、multer
我正在尝试保存来自FormData xhr请求的传入文件，但我甚至无法解析传入请求。这就是我尝试发送文件的方式：
...
let xhr = new XMLHttpRequest(),
formData = new FormData();
for(let i = 0; i < this.files.length; i++) {
formData.append(this.files[i], this.files[i].name);
}
xhr.open('POST', URL, true);
xhr.send
浏览 8提问于2016-09-27得票数 2
回答已采纳
1回答
如何在没有中间件的情况下使用multer上传文件
node.js、express、multer、express-validator
我是NodeJS的新手，我正在开发应用程序，我已经创建了注册表单。为了上传图片，我使用multer。对于表单验证，我使用的是express-validator.我的问题是，在表单验证之前，文件已经上传。所以，如果用户由于一些验证错误而没有创建帐户，但是文件会被上传。问题是，我得到的文件上传的每一个形式，无论是，帐户是否成功创建。
我想做什么？
我只希望在用户成功创建帐户时保存文件。所以，在回调中是否可以使用multer，所以当我的表单验证完成后，文件就会上传。我不能在express-validation multer中间件和最终回调之间使用中间件，因为express-validation将它的
浏览 1提问于2018-07-19得票数 1
1回答
Axios + Multer Express req.file未定义
express、file-upload、axios、multer
我试图简单地将一个文件从客户端上传到服务器(multer / express) (react/axios)。我已经阅读了每一个"req.file未定义“，似乎看不到与我自己的代码相同的问题。
另一个问题是，实际上我在服务器上的req在“文件”中看到了文件，但是multer没有保存它，而且req.file没有定义。
这里会发生什么事？
对于客户端，我尝试过两种发送表单数据的方法，但都不起作用。
const onAnalyze = async () => {
if (selectedFile !== null) {
//we hav
浏览 13提问于2022-02-12得票数 2
1回答
+节点js无法获得req.file
node.js、reactjs、express、multer
嗨，我正在尝试用multer从前端上传一个文件到后端
前端
var formData = new FormData();
formData.append("files", image[0]);
formData.append("data", JSON.stringify({status: 'ACK', message: "You are fu*ked"});
return http.axios
.post(apiUrl + apiDomain + "/createAnnouncement", formDat
浏览 2提问于2021-01-26得票数 0
1回答
在快速路中设置multer属性
node.js、express、multer
我没有将multer附加到整个快递app，而是只为特定的路由添加它，这是更好的，因为您将阻止上传到每个处理post的路由。
问题是，我无法在路由中设置它的属性。
var router = require('express').Router(),
multer = require('multer');
router.post('/uploads', function (req, res, next) {
multer({
dest: req.app.get('cfg').uploads.dir
});
浏览 3提问于2015-06-12得票数 0
回答已采纳
2回答
在不上传的情况下检索文件数据(Express、Multer)
javascript、node.js、file、express、upload
我想通过拖放将文件从浏览器上传到Express服务器，该服务器将点击实际的API来执行文件上传。因此，文件不需要上传并保存在Express服务器上的任何地方，它只需要将数据临时传递给API调用。
因此，我从浏览器上传到Express：
onDrop = async newFiles => {
let formData = new FormData()
for (let i = 0; i < newFiles.length; i++) {
let file = newFiles[i]
formData.append('files', fil
浏览 22提问于2019-11-16得票数 1
回答已采纳
2回答
使用multer在express js上上传多个文件返回空数组
javascript、node.js、express、file-upload、multer
我正在构建一个应用程序的故障与快递js，这要求用户上传多个文件。这是我的代码：
var express = require('express');
var cors= require('cors');
var bodyParser= require('body-parser');
var contexts= require('./contexts');
var path= require('path');
var fileUpload= require('express-fileupload'
浏览 2提问于2018-01-04得票数 3
回答已采纳
1回答
用于Firebase端点处理图像的云函数
javascript、firebase、image-processing、multer、google-cloud-functions
我想要创建一个云函数端点，它可以接受和处理图像文件，如JPEG。这是我的密码：
var express = require('express')
var multer = require('multer')
//firebase complains that '/user_code/tmp' is read-only if I use this
//var upload = multer({ dest: 'tmp/' })
var upload = multer({
storage: multer.MemoryStorage
浏览 1提问于2017-05-25得票数 0
回答已采纳
1回答
为什么文件在多部分上传到aws中运行时会被破坏？
express、file-upload、aws-lambda、axios、multer
有一个带有redux客户端和一个快速webapi的SPA。其中一个用例是将一个文件从浏览器上传到快递服务器。Express正在使用multer中间件解码文件上传并将其放置到req对象的数组中。在本地主机上运行时，一切都按预期工作。
然而，当应用程序部署到AWS时，它的功能并不像预期的那样。部署将express推送到AWS函数，redux客户端静态资产由Cloudfront CDN提供。在该环境中，上传的文件确实可以到达快速服务器，由multer处理，并且该文件最终将成为req.files数组中的第一个(也是唯一的)项。
问题是文件包含错误的字节。例如，当我上传一个长度为2795字节的示例图像时
浏览 0提问于2018-06-22得票数 10
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
腾讯云开发者
