可以上传在使用formData和express时获得未定值的文件。如何解决？
在使用formData和express时，如果要上传一个未定值的文件，可以通过以下步骤解决：
- 在前端，使用HTML的input标签设置一个文件上传的表单元素，并为其添加一个唯一的id属性，例如：
<input type="file" id="fileInput">- 在前端的JavaScript代码中，使用FormData对象来创建一个表单数据对象，并将文件上传表单元素的值添加到FormData对象中，例如：
var formData = new FormData();
var fileInput = document.getElementById('fileInput');
formData.append('file', fileInput.files[0]);- 在后端的Express路由处理函数中，使用multer中间件来处理文件上传。首先，安装multer依赖：
npm install multer然后，在路由处理函数中引入multer并配置上传的目标路径和文件名，例如：
var multer = require('multer');
var upload = multer({ dest: 'uploads/' });
app.post('/upload', upload.single('file'), function(req, res) {
// 处理上传的文件
});- 在Express路由处理函数中，可以通过req.file来访问上传的文件信息，例如：
app.post('/upload', upload.single('file'), function(req, res) {
var file = req.file;
// 处理上传的文件
});通过以上步骤，可以实现在使用formData和express时上传未定值的文件。请注意，以上示例中的代码仅供参考，具体实现可能需要根据实际情况进行调整。
相关·内容
2回答
我正在尝试将图像上传到Express服务器。我不太确定如何做到这一点，但以下是我从MDN、express、react-dropzone和multer文档中获得的信息。Multer似乎没有从react-dropzone获取FormData对象，当注销req.file时，它返回未定义。
server.js
var storage = multer.diskStorage({
destination: './public/users',
filename: function (req, file, cb) {
switch (f
浏览 1提问于2016-05-27得票数 12
我试图上传一个文件到云函数，使用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
1回答
嗨，我正在尝试用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
我正在使用graphql-upload将一个文件从一个web客户端上传到一个apollo express服务器，然后再上传到另一个服务器，该服务器正在等待一个包含avatarImage文件的PUT请求。
文件正在正确地进入uploadLogo()。我可以在express服务器上保存和查看它。当我将文件流传递给PUT /avatar时，该端点没有接收到它。我已经测试过将文件直接从文件系统发送到/avatar，并且可以确认端点工作正常。
下面是我的数据源文件，我在其中将文件的createReadStream附加到表单数据，并在fetch put中发送。
class MyAPI extends RE
浏览 2提问于2019-07-19得票数 1
我试图在同一个请求中发送数据并将图像上传到后端(Node.js)，但是当我试图上传图像时，其他属性在后端被发现为未定义。
const Imgdata = new FormData()
Imgdata.append('file', this.state.choiceImgUrl)
axios.post("http://localhost:8080/api/choices/img", Imgdata, {
headers: { 'Content-type': 'application/json' },
da
浏览 0提问于2020-09-24得票数 0
1回答
我试图通过上传文件选项(输入字段)从React应用程序发送formData，但Nest.JS端的formData为空。路由具有基于multer的装饰器，但数据被解析为未定义。 @UseInterceptors(FileInterceptor('excel'))
uploadFile(
@UploadedFile() excel: Express.Multer.File,
) {
console.log(excel) // undefined;
} const file = event.target.files?.it
浏览 17提问于2021-09-07得票数 0
我正在尝试上传一个文件到我的节点服务器。这是我的客户端代码：
// data is {_id: 'somebigstring', file: an ArrayBuffer}
api.addDocument = function (data, cb){
// $.post(BASE_PATH + '/requests/addDocument', data, cb);
var formData = new FormData();
_.keys(data).forEach(key => {
formData.appen
浏览 0提问于2015-05-22得票数 1
回答已采纳
1回答
因此，我正在处理从我的React应用程序上传的图片，后端是Node和Express。在react组件中，我有一个带有输入类型文件和提交按钮的表单。我正在尝试首先上传图像(给用户一个删除上传图像的选项)，然后提交表单，其中包含从图像上传响应返回的文件的名称。但是现在，我在后端为req.body获得了一个空对象，为req.files获得了一个未定义的对象。
这是我使用处理程序的React组件：
const ImageUpload = () => {
const handleImageUpload = ( e, idx ) => {
const formData
浏览 5提问于2022-01-22得票数 0
1回答
我正在尝试使用Nestjs将文件上传到aws s3桶
@Post('uploadfile/:bucketName')
@UseInterceptors(FileInterceptor('file'))
async addAvatar(@UploadedFile() file: Express.Multer.File, @Param('bucketName') bucketName: string): Promise<S3.ManagedUpload.SendData> {
return this.s3Manager
浏览 3提问于2021-09-14得票数 0
我面临的问题如下:在向无服务器的node.js应用程序上传vue.js格式的pdf文件时，文件内容被破坏。因为无服务器不能正确解析二进制数据类型，所以就会出现这个问题。我怎样才能正确地接受像pdf这样的二进制数据类型或其他方法来解决这个问题？
// Vue.js
let formData = new FormData();
formData.append('file', fileObj);
axios.post(API_ENDPOINT + '/upload', formData).then(resp => {
console.log(resp);
}
浏览 19提问于2021-05-27得票数 0
试图在cloudinary上使用Express/Node实现文件上传工作，但没有运气。我能够发布请求，我的文件被上传到cloudinary服务器，但没有得到响应，导致我请求超时。我正在使用快递文件上传将数据作为比特流和公理发送到cloudinary。
我的Express路由器API代码：
const fileUpload = require("express-fileupload");
const cloudinary = require("cloudinary");
router.use(fileUpload());
cloudinary.
浏览 1提问于2018-03-11得票数 0
回答已采纳
我正在尝试将一些文件上传到Express服务器，服务器使用的是cors()模块，如下所示
app.use(cors());
这是上传文件的Angular 2代码
let formData:FormData = new FormData();
for(let i = 0; i < files.length; i++) {
let file = files[i];
formData.append(`file`+(i+1), file, file.name);
}
let token = localStorage.getItem(
浏览 8提问于2017-03-03得票数 0
我想通过拖放将文件从浏览器上传到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
回答已采纳
因此，我正在做一个小项目，在过去的几个小时里，我一直试图了解如何通过AJAX将多个文件( formData Obj )上传到PHP。
我觉得这会很容易，因为当我上传一个文件时，它的工作非常容易，但是当我想将多个文件添加到formData Obj时，我会得到各种各样的错误。
我的现行守则：
HTMN/AJAX::
formData = new FormData($('#form')[0]);
formData.append("File", $("#myFile1")[0].files[0]);
$.ajax(
浏览 3提问于2014-02-16得票数 2
1回答
我正在尝试保存来自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回答
如何在JQuery中获取文件上传的进度，以便我可以更新有关文件上传的状态栏。
下面是我在JQuery中使用Ajax的文件上传代码：
$('button').click(function(e) {
var formData = new FormData($('#myform')[0]);
$.ajax({
url: 'FileUploadExample',
type: 'post',
浏览 5提问于2015-08-20得票数 1
回答已采纳
1回答
我想通过JS将一个文件取到multer，但是它总是返回未定义的。我提出了一个邮递员的要求，工作完美，文件保存在‘/上传’。试图调查我的JS代码，但不知道出了什么问题。
HTML：
<form action="/" class="form" id="form" accept-charset="utf-8" onsubmit="return(validate())">
<div class="form__div">
<label class="
浏览 2提问于2020-08-27得票数 1
我正在做一个ajax弹出以将图像上传到文件系统中。图像上传过程有以下步骤。
选择文件并将其裁剪到所需的大小。
结果图像以<img>标记src显示为Base64代码。
将Base64转换为Blob以通过ajax发送
这是密码..。
$(document).ready(function(){
$('#btn_save').on('click', function () {
var PaymentStatus = $("#PaymentStatus").val();
浏览 2提问于2016-09-21得票数 1
回答已采纳
如何在Node.js中用multer使用FormData上传文件？我在req.file中是未定义的，在req.body中是{}。
下面是HTML代码：
<input type="file" name="file" id="file" onchange="angular.element(this).scope().uploadFile(this.files)">
下面是JavaScript代码：
$scope.uploadFile = function (files) {
var fd = new For
浏览 0提问于2020-07-19得票数 0
我试图简单地将一个文件从客户端上传到服务器(multer / express) (react/axios)。我已经阅读了每一个"req.file未定义“，似乎看不到与我自己的代码相同的问题。
另一个问题是，实际上我在服务器上的req在“文件”中看到了文件，但是multer没有保存它，而且req.file没有定义。
这里会发生什么事？
对于客户端，我尝试过两种发送表单数据的方法，但都不起作用。
const onAnalyze = async () => {
if (selectedFile !== null) {
//we hav
浏览 13提问于2022-02-12得票数 2
正如标题所暗示的，这是一个有趣的用例。我有一个HTML5画布，可以转换成图像。我使用AngularJS作为前端，我的站点后端有Node/Express。将HTML5画布转换为图像的工作原理是预期的，我可以使用jQuery AJAX (不使用Node/Express)将其上传到单独的Converting，如下所示：
$scope.webService = function () {
var send = function (blob) {
var filename = 'Test.pdf';
var formdat
浏览 2提问于2015-09-15得票数 1
回答已采纳
我正在使用这个表单上传一个文件，当xhr提交它时，服务器做了而不是识别req.xhr === true，因此我无法处理文件上传。我遗漏了什么？
<form encType="multipart/form-data" method="post">
<Button onClick={(event)=>startUploadFile(event)} type="button">Upload</Button>
<input type="file" name="fil
浏览 0提问于2020-02-07得票数 0
回答已采纳
我有一个非常简单的设置，使用: Axios > Express > S3 (v3:@aws-sdk/client-s3)。
通过<input>在前端添加一个文件
一个FormData对象被追加，Axios调用一个端点
然后，Express调用S3上传函数。
当文件到达节点端时，它会自动转换为Node File Object格式(我不知道用它做什么)。@aws-sdk试图将其转换为缓冲区，这会引发来自buffer.js:333的错误。
引发的完整错误(减去调用堆栈)是：
TypeError ERR_INVALID_ARG_TYPE:第一个参数必须是字
浏览 6提问于2021-03-28得票数 1
下午好, 我正在上传一条路由的文件，然后上传。我已经用formidable和现在的multer尝试过了，但只复制了64kb的文件。示例:如果文件大小为100kb，则只有64kb，其余的都会丢失。 当放置一个cconsole.log (“通过”)时，它只显示64kb以下的文件，最大的文件甚至不会进入。非常提前感谢您。 代码客户端： <template>
<input type="file" name="image" id="image" @change="uploadDocument">
</
浏览 54提问于2020-11-26得票数 2
我在我的服务器上上传一张图片。在最前端，我用的是棱角。前端运行良好，我发帖子只是为了向您展示如何将文件传递给后端！
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
回答已采纳
我试图为以下问题找到一个解决方案，但对于初学者来说似乎并不明显。我正在使用backbone和express集成一个表单上传。该表单由用户信息和文件上载组成。这样做的目的是上传文件并将用户模型持久化到数据库中，并使用引用文件的字段。
使用express上传文件可以很容易地实现，通过POST发送表单，使用适当的HTML标记(<form method='post' action='/upload' enctype='multipart/form-data'>)，这样的简单处理程序是在中完成的。
然而，在我的例子中，我使用一个backbone
浏览 2提问于2014-04-02得票数 0
回答已采纳
我刚刚开始学习NodeJS，我遇到了一个问题。我想把文件上传到我的服务器上。为此，我搜索并找到了这个模块。按照GitHub上的示例执行操作：
var express = require('express');
var multer = require('multer');
var upload = multer({ dest: 'uploads/' });
var app = express()
app.post('/uploadImage', upload.single('image'), function(
浏览 1提问于2015-07-19得票数 42
在找到如何将具有Express.Multer.File类型的文件放入FormData对象方面，我需要帮助。
上下文:我正在接收一个带有Express.Multer.File类型的文件(我使用的是nestjs，所以我使用了文档的这一部分：)，我需要将该文件放入一个FormData中，以便将其发送到另一个FormData。
我尝试了form.append(“随机词”，文件)；但是我得到了以下错误：
TypeError: source.on is not a function
at Function.DelayedStream.create (xxx/delayed-stream/lib/d
浏览 0提问于2021-11-06得票数 0
回答已采纳
2回答
我正在尝试将express-fileupload集成到我的服务器上上传和图像。我遵循了这个链接中提供的例子，，但是它不起作用。下面我只包含了相关代码行所涉及的每个文件。
index.ejs:相关线路
<form method="post" action="/images" enctype="multipart/formdata">
<div class="panel-body form-horizontal">
<div class="form-group col-md
浏览 2提问于2020-07-01得票数 3
回答已采纳
1回答
我正在尝试将文件从我的页面上传到节点服务器。
我可以看到表单数据正在到达服务器上的路由器。
但上传文件夹中未保存任何文件。
我做错了什么？
//路由器单元
const express = require('express');
const router = express.Router();
const multer = require('multer');
const storage = multer.diskStorage({
destination: (req, file, cb) => {
console.log('
浏览 1提问于2020-02-17得票数 0
1回答
当我将一个文件从react发送到后端时，我会得到未定义的错误，我无法理解该错误。我正在发送一个图像，将上传到云中，但我的后端无法获得图像数据，我不知道为什么会发生这种情况。这是密码
我的反应是js代码
const handleFileUpload = async (e)=>{
setprofilePic({file: URL.createObjectURL(e.target.files[0])});
const imageFile = e.target.files[0];
const formData = new FormData();
formDa
浏览 1提问于2022-04-25得票数 0
我在试着上传一个文件到我的快速服务器上。客户端代码如下所示：
axios.post('localhost:3030/upload/audio/', formData)
在我的express服务器中：
App.use(bodyParser.urlencoded({ extended: true }));
App.use(bodyParser.json());
App.post('/upload/audio/', function uploadAudio(req, res) {
let quality = ['320', '128
浏览 21提问于2016-09-22得票数 3
回答已采纳
2回答
不能使用快速文件上传文件
、、、、
我正在使用快速文件处理模块来解析上传的文件。上传是用axios完成的。
const formData = new FormData();
formData.append("file", data.gameCover);
formData.append("gameTitle", data.gameTitle);
formData.append("gamePrice", data.gamePrice);
formData.append("description", data.description);
return axios.po
浏览 0提问于2018-09-02得票数 1
回答已采纳
你好
我试图上传文件与快递和反应。
服务器端，我使用的是快车和快车。
Server.js
const express = require("express");
const fileUpload = require("express-fileupload");
const app = express();
app.use(fileUpload());
app.post("/upload", (req,res) => {
if (req.files == null) {
return res.status(40
浏览 8提问于2022-09-05得票数 0
回答已采纳
1回答
我的NestJS控制器中有以下API：
import 'multer';
import csv from 'csvtojson';
import { Body, Controller, HttpStatus, Post, Res, UploadedFile, UseInterceptors } from '@nestjs/common';
import { FileInterceptor } from '@nestjs/platform-express';
import { Express, Response } from &#
浏览 5提问于2022-08-19得票数 0
回答已采纳
我使用的反应从前端和表达后端。也是multer，这是一个第三方包，用于处理文件输入。现在，我想要的是，应该有一个对象数组，我可以附加到formData并通过axios发送它。然而，我没有这样做。我编写了以下代码：
const handleSubmit = (id, e) => {
//formdata object to be created
e.preventDefault()
const formData = new FormData;
for (var i = 0; i < dataFolder.length; i++) {
浏览 2提问于2020-03-11得票数 0
回答已采纳
2回答
我用的是nodejs，REACT，express，axios。我想做上传功能，但不行。当我上传文件时，服务器无法解析上传的文件(只显示{} log)。
下面是我的前端代码
当用户单击表单元素上的UPLOAD按钮时，将调用'handleSubmit‘函数，而'handleSubmit’调用'fileUploadRequest‘函数。
在“fileUploadRequest”函数中，一切都很好。我可以看到附加文件的信息。
<form onSubmit={this.handleSubmit} encType='multipart/form-data'&g
浏览 2提问于2017-04-30得票数 2
回答已采纳
2回答
我的节点项目文件夹中有一个.png文件，我想读取该文件并将其发送到远程REST api，该api接受表单数据格式，并在将其上传到S3后返回图像url。 我之前也使用过同样的接口，通过JavaScript在前端上传图片。在我的JS应用程序中，我使用输入类型文件上传了一个图像，该图像以文件格式提供给我，然后在将该文件添加到formData对象后将其传递给api，如下所示： let formData = new FormData(); formData.append("content_file", file) 但是当我尝试在node.js中执行同样的操作时，我无法将该文件读取为文件
浏览 311提问于2020-03-19得票数 1
回答已采纳
在Express上使用node-formidable上传文件就是这么简单
app.post('/upload', function(req, res) {
// do something with req.files
});
文件现在已保存
表单：(multiple=" multiple“是一个HTML5功能，允许用户选择多个文件进行上传)
<form method="post" enctype="multipart/form-data" action="upload">
<input t
浏览 0提问于2012-04-12得票数 9
回答已采纳
我正在构建一个OTT平台，但在将大文件上传到服务器方面面临问题。我已经尝试使用multer来将文件存储在临时文件夹中，并使用aws-sdk s3.upload。它在小文件大小下工作正常，但是如果我试图上传大文件，它会返回。
网络错误或413请求实体太大
在错误413之后，我更改了nginx.config (client_max_body_size 0;)
// 0是无限的
但还是没有改变。我也试过用穆特-S3来做，但仍然没有成功。后来，我试着和勤杂工一起做，但是我仍然面临着同样的问题。这里我附加了我的代码，在这里我使用的是ReactJ中的busboy，我使用的是Axios，请帮
浏览 7提问于2021-05-02得票数 1
回答已采纳
1回答
HTML文件未发布到REST
、、、、
我正在尝试将一个文件从前端index.html上传到后台运行的快递服务器。然后假设API将文件保存到Firebase存储中。服务器正在正常运行，并且正在接收POST，但是req.body中没有数据。
index.html -前端
<form method="POST" id="form">
<input type="file" id="file" name="file" multiple>
<input type="submit">
</form
浏览 1提问于2020-05-30得票数 0
回答已采纳
2回答
我正在处理的一个React项目面临一个问题:我试图将多个图像上传到Node中。我使用一个formData对象，并使用append()方法从组件状态追加表单字段。
在我使用multer的Express代码中，req.body中的所有属性都在那里，但req.files是空的。
我修改了代码，也使用了formData()来上传单个图像，它可以工作；问题似乎只有当我尝试使用formData对象处理多个文件时才会出现问题。我也测试了使用一个常规形式(没有反应)，这也是有效的！
我在想，当我在多个文件的文件输入中使用formData时，是否遗漏了什么？
import React, { Component
浏览 1提问于2019-01-19得票数 9
回答已采纳
1回答
在文件上传过程中解析文件内容
、、、、
我想知道在使用express/nodejs时，是否有人知道如何从上传的文件中提取文件内容
我有以下代码，很清楚如何将输入输送到filestream，但是如何将上传反序列化到普通的javascript对象？其目的是从上传的文件中提取信息并将其用于其他地方。理想情况下，我不想通过磁盘上的临时文件。文件的格式是json。
app.post("/upload", function(req, res){
req.pipe(req.busboy);
req.busboy.on('file', function (fieldname, file, file
浏览 3提问于2015-02-08得票数 0
回答已采纳
除了“字符串”之外，我在获取值时遇到了问题，我有一个表单可以将照片上传到cloudinary。当接收到请求数据时，它们都是“string”类型，即类型对象或数组的值，例如，我将它们转换为：
{ name: "name of user" } to [object Object] , true to "true" and ["user1", "user2"] to "user1,user2"
在cliente方面，我有一个函数，它接收来自表单的数据，并使用axios向服务器发出请求：
// Request
浏览 4提问于2022-01-10得票数 1
我正在尝试上传一个与穆特一起的文件，但req.file总是未定义，目标文件夹为空：
服务器：
var express = require('express');
var multer = require('multer')
var app = express();
var storage = multer.diskStorage({
destination: function(req, file, cb) {
cb(null, './public/uploads/'); // M
浏览 1提问于2017-02-22得票数 0
回答已采纳
1回答
我正在使用身体解析器，穆特和表达在我的mern堆栈应用程序。我需要上传一个文件以及一些文本从表单。我寄出的邮件请求如下：
function addPost(postdetail){
axios.post('http://localhost:4000/blog',postdetail,{ headers:{
"Content-Type": "multipart/form-data"
}}).then(res=>{
dispatch({
type:'ADD_DATA',
浏览 1提问于2020-07-17得票数 1
1回答
我正在尝试做以下几件事：
将doc文件上传到特定的快递路线，然后使用mammoth将其解析为html对象。
这是库：
我的问题是它直接从路由获取文档中的文件，这不是我想要的，我想上传一个文件到我的路由并解析它……
router.post("/parseCV", (req, res) => {
console.log("entered route");
console.log(req.files);
});
我上传的文件是这样的：
const onSubmit = e => {
e.preventDefault();
cons
浏览 9提问于2019-12-02得票数 0
回答已采纳
我已经使用multer和express创建了一个文件上传API，它通过邮递员工作得很好，但当我尝试使用另一个文件上传API调用相同的api时，它不起作用：
我的代码如下所示，在上运行：
module.exports.upload = function (req, res, next) {
var path = req.body.path
var uploadFile = req.file; //get uploaded file
var stream = streamifier.createReadStream(req.file.buffer) //create a s
浏览 12提问于2018-09-05得票数 0
回答已采纳
我有以下(简化)结构的项目：
-app
-uploads
-client
- dropzone.js
-server.js
我正在尝试使用dropzone js、Express JS和React JS上传一个文件。但是，每次我在下拉区域框中放置一个文件时，我都会在console.log中得到这个结果。
POST http://localhost:3000/uploads/ 404 (Not Found)
Not found
<!DOCTYPE html>
<html lang="en">
<head&
浏览 0提问于2018-02-05得票数 1
回答已采纳
1回答
我使用的是node js express。我正在上传一份pdf文件并使用表格数据。但是当我调用api并发送文件时，我得到的错误是
413 Request Entity Too Large
我有下面的代码来解决这个问题，但它不起作用。
app.use(express.json({ limit: '50mb' }));
app.use(express.urlencoded({ extended: true,limit: '50mb' }));
下面是server.ts文件的代码。
import express, { Request, Response, NextFu
浏览 0提问于2021-04-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
