首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >解决方案: Formidable不能在localhost之外工作

解决方案: Formidable不能在localhost之外工作
EN

Stack Overflow用户
提问于 2020-12-22 11:44:39
回答 1查看 176关注 0票数 1

我用formidable做了一个基本的文件上传网站。文件上传器在我的本地主机上可以工作,但是当其他设备使用我的网站上传文件时,它不能工作,并且我从await fs.writeFile(newPath, rawData);得到一个错误。我检查了formidable的files对象,files.name属性被设置为'' (在我上传时它被设置为文件的名称,但当其他设备上传时它被设置为'')。此外,当其他设备上传时,路径files.path处的文件始终为空。

代码语言:javascript
复制
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对象:

代码语言:javascript
复制
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文件:

代码语言:javascript
复制
<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>

有没有人知道为什么会发生这种情况,有什么解决方案可以让文件上传在另一台设备上运行?

EN

回答 1

Stack Overflow用户

发布于 2020-12-22 12:36:56

实际上没有错误。我得到的错误是由于原始代码库中糟糕的设计导致的用户错误,原始代码库看起来与这里发布的代码略有不同。这里发布的代码实际上工作得很好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65402987

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档