javascript - 在节点 js 后端使用 FormData 和 XmlHttpRequest 上传文件显示空文件、字段
问题描述
我正在使用 FormData 和 XmlHttpRequest 上传 csv 文件。这是代码。我有一个围绕 html 输入类型文件的表单,我正在执行此代码的 onchange 事件。我也尝试直接发送表单,并将表单元素读入 FormData 对象。
let formData = new FormData();
let file = e.target.files[0];
var blob = new Blob([file],{type: 'text/csv'});
formData.append("payoutUpload", blob, 'processed.csv');
let uri = encodeURI(`${window.serviceUri}${path}`);
var req = new XMLHttpRequest();
req.onload = (result) => {
if (req.status === 500 && result && result.code === 'ECONNRESET') {
console.log(
'Connection was reset, hence retry the sendRequest function'
);
} else if (req.status === 200) {
} else {
console.log("Error while retrieving data");
}
}
req.onerror = (e) => {
console.log('There was an error while retrieving data from service', e);
};
req.open('POST', uri, true);
req.setRequestHeader('Content-Type', 'multipart/form-data');
req.setRequestHeader('Authorization', 'Bearer ' + token);
req.send(formData);
当我发送请求时,我可以看到文件正在以 Request Payload 的形式发送。
在 NodeJs 后端,我正在运行 Express 和 Formidable。我没有使用 body-parser,我使用的是 express 的内置 json 和 urlencoding 方法。
这是令人敬畏的部分。
const form = formidable({multiples: true});
form.parse(req, (err, fields, files) => {
console.log(`error is ${JSON.stringify(err)}`);
console.log(`fields is ${JSON.stringify(fields)}`);
console.log(`files JSON: ${JSON.stringify(files)}`);
console.log('file in request: ' + files.payoutUpload);
console.log(`req.body: ${req.body}`);
options.file = files.payoutUpload;
});
我得到错误,字段和文件为空。我已经搜索了所有类似的问题并正确设置了请求标头(这通常是问题所在)。我可以看到 request.body 在服务器端仍然有文件有效负载。但是强大的并没有解析这个。谁能告诉我做错了什么?
更新:我尝试了其他用于解析文件的包,如 multer、express-fileupload,它们都将文件返回为空。我也尝试过 fetch API 来发送我的请求,但没有运气。
解决方案
req.setRequestHeader('Content-Type', 'multipart/form-data')
当您发送时,multipart/form-data
您必须在标头中包含一个boundary
参数,但是您不知道需要为此设置什么值。
根本不要设置Content-Type
标题。允许XMLHttpRequest
从FormData
对象自动生成它。
推荐阅读
- mysql - 同时从 MongoDB 和 MySQL 检索数据
- r - ggplot2 在彩色线条上添加彩色形状并将两者组合成一个图例
- mongodb - httpd.exe - 未找到入口点 XAMPP
- python - 当 Python 中有多个文件时,正则表达式替换字符串中的文件路径
- c - 从 GCC 3.4.3 迁移到 GCC 8.2 时,我可以保留现有的 C 文件吗?
- static-site - 如何在 110(静态站点生成)输出中保留带有 .html 后缀的页面?
- actions-on-google - Google Smarthome Action 帐号关联缺失的用户信息
- python - 在 PyTorch 中保存模型的框图
- mysql - 试图将这些结合在一起,但我不知道它告诉我什么:将数据类型 varchar 转换为 bigint 时出错
- node.js - 如何在插入之前对密码进行哈希处理?