使用XmlHttpRequest发送文件并通过快递/加注方式接收

如何解决使用XmlHttpRequest发送文件并通过快递/加注方式接收

我有以下代码：

客户端：

var fileInput = document.getElementById('img-edit');
var file = fileInput.files[0];
console.log(file)
var formElement = document.getElementById("edit-team-form")
var formData = new FormData(formElement)
formData.append('sphoto',file);
var request = new XMLHttpRequest();
request.open("POST","http://localhost:3030/edit-team?id=57");
request.send(formData);

服务器端：

app.post("/edit-team?:id",urlencodedParser,upload.single("sphoto"),(req,res) => {
 var editedTeam = req.body
 console.log(req.files)
 console.log(editedTeam)
})

我想做的就是发送照片文件，并在我的Express应用程序中接收它。

当我做console.log的{​​{1}}时，我得到了信息。但是我在发帖请求中也得到了var file。

此外，在我的应用程序控制台中，我收到以下错误消息：

500 (Internal Server Error)

编辑：

MulterError: Unexpected field
at wrappedFileFilter (C:\Users\juanc\Desktop\Crud-intento2\node_modules\multer\index.js:40:19)
at Busboy.<anonymous> (C:\Users\juanc\Desktop\Crud-intento2\node_modules\multer\lib\make-middleware.js:114:7)
at Busboy.emit (events.js:315:20)
at Busboy.emit (C:\Users\juanc\DesktopCrud-intento2\node_modules\busboy\lib\main.js:38:33)
at PartStream.<anonymous> (C:\Users\juanc\Desktop\Crud-intento2\node_modules\busboy\lib\types\multipart.js:213:13)
at PartStream.emit (events.js:315:20)
at HeaderParser.<anonymous> (C:\Users\juanc\Desktop\Crud-intento2\node_modules\dicer\lib\Dicer.js:51:16)
at HeaderParser.emit (events.js:315:20)
at HeaderParser._finish (C:\Users\juanc\Desktop\Crud-intento2\node_modules\dicer\lib\HeaderParser.js:68:8)
at SBMH.<anonymous> (C:\Users\juanc\Desktop\Crud-intento2\node_modules\dicer\lib\HeaderParser.js:40:12)

在我存储文件的文件夹中，创建了一些文件