我用formidable做了一个基本的文件上传网站。文件上传器在我的本地主机上可以工作,但是当其他设备使用我的网站上传文件时,它不能工作,并且我从await fs.writeFile(newPath, rawData);得到一个错误。我检查了formidable的files对象,files.name属性被设置为'' (在我上传时它被设置为文件的名称,但当其他设备上传时它被设置为'')。此外,当其他设备上传时,路径files.path处的文件始终为空。
import express from "express";
import path from "path";
import fs from "fs/promises";
import { Fields, Files, IncomingForm } from "formidable";
const formidable = require("formidable");
const PORT = 8000;
const app = express();
const resourcePath = path.resolve(__dirname, "..", "..", "resources");
app.get("/", async (req, res) => {
res.sendFile(path.resolve(__dirname, "..", "public", "index.html"));
});
app.post("/api/upload", (req, res, next) => {
console.log("/api/ hit");
const form: IncomingForm = new formidable.IncomingForm();
// let form: IncomingForm = formidable({ multiples: true });
form.parse(req, async (err: any, fields: Fields, files: Files) => {
if (err) {
console.log("THERE WAS ERROR!");
next(err);
return;
}
const oldPath: string = files.someExpressFiles.path;
const newPath: string = path.join(
__dirname,
files.someExpressFiles.name
);
// raw data
let rawData: any;
try {
rawData = await fs.readFile(oldPath);
} catch (err) {
console.log("1", err);
}
try {
await fs.writeFile(newPath, rawData);
res.send("Successfully uploaded");
} catch (err) {
console.log("2", err);
}
});
});当我的笔记本电脑以外的计算机上传时,这是formidable的files对象:
files {
someExpressFiles: File {
_events: [Object: null prototype] {},
_eventsCount: 0,
_maxListeners: undefined,
size: 0,
path: 'C:\\Users\\myName\\AppData\\Local\\Temp\\upload_75928c3230dd986d613067faeb3df9ff',
name: '',
type: 'application/octet-stream',
hash: null,
lastModifiedDate: null,
_writeStream: WriteStream {
_writableState: [WritableState],
_events: [Object: null prototype] {},
_eventsCount: 0,
_maxListeners: undefined,
path: 'C:\\Users\\myName\\AppData\\Local\\Temp\\upload_75928c3230dd986d613067faeb3df9ff',
fd: 3,
flags: 'w',
mode: 438,
start: undefined,
autoClose: true,
pos: undefined,
bytesWritten: 0,
closed: false,
[Symbol(kFs)]: [Object],
[Symbol(kCapture)]: false,
[Symbol(kIsPerformingIO)]: false
},
[Symbol(kCapture)]: false
}
}我的html文件:
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Hello World!</h1>
<form action="/api/upload/" enctype="multipart/form-data" method="post">
<!-- <input type="file" multiple /> -->
<input type="file" name="someExpressFiles" multiple="multiple" />
<input type="submit" value="UPLOAD" />
</form>
</body>
</html>有没有人知道为什么会发生这种情况,有什么解决方案可以让文件上传在另一台设备上运行?
发布于 2020-12-22 12:36:56
实际上没有错误。我得到的错误是由于原始代码库中糟糕的设计导致的用户错误,原始代码库看起来与这里发布的代码略有不同。这里发布的代码实际上工作得很好。
https://stackoverflow.com/questions/65402987
复制相似问题