Nodejs 按照koa官方给的例子做文件上传失败，用koa做过文件上传的同学能传授下经验吗？

Nodejs 按照koa官方给的例子做文件上传失败，用koa做过文件上传的同学能传授下经验吗？

按照官方给的这个例子去做https://github.com/koajs/examples/blob/master/upload/index.js 可是总是获取不到上传的内容，进入不到while里面：

app.use(function *(next){
  // ignore non-POSTs
  if ('POST' != this.method) return yield next;

  // multipart upload
  var parts = parse(this);
  var part;

  while (part = yield parts) {
    var stream = fs.createWriteStream('/tmp/' + Math.random());
    part.pipe(stream);
    console.log('uploading %s -> %s', part.filename, stream.path);
  }

  this.redirect('/');
});

6 回复

当然可以。根据你提供的信息，你在使用 Koa 进行文件上传时遇到了问题，无法正确处理上传的内容。以下是一个详细的解决方案，包括可能的问题分析和修正后的代码。

问题分析

  1. 缺少必要的中间件：Koa 本身并不支持直接处理 multipart/form-data 类型的数据，需要借助 koa-bodyparser 或 koa-multer 等中间件。
  2. 错误的逻辑处理：你的代码中使用了 parse(this) 方法来解析上传的内容，但没有正确引入和使用该方法。
  3. 文件流处理：确保文件流被正确地写入到目标路径。

解决方案

使用 koa-multer 中间件

koa-multer 是一个专门用于处理文件上传的中间件，使用起来更加方便。

首先，安装 koa-multer：

npm install koa koa-router koa-multer

然后，你可以使用以下代码来实现文件上传功能：

const Koa = require('koa');
const Router = require('koa-router');
const multer = require('koa-multer');

const app = new Koa();
const router = new Router();

// 设置存储位置
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, './uploads/');
  },
  filename: function (req, file, cb) {
    cb(null, file.originalname);
  }
});

const upload = multer({ storage });

router.post('/upload', upload.single('file'), async ctx => {
  const file = ctx.request.file;
  if (!file) {
    ctx.status = 400;
    ctx.body = { message: 'No file uploaded.' };
  } else {
    ctx.body = { message: 'File uploaded successfully.', filename: file.originalname };
    ctx.redirect('/');
  }
});

app.use(router.routes()).use(router.allowedMethods());

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

代码解释

  1. 引入必要的模块：

    • koa 和 koa-router 用于创建服务器和路由。
    • koa-multer 用于处理文件上传。

  2. 配置存储位置：

    • multer.diskStorage 用于指定文件保存的位置和文件名。

  3. 创建上传处理器：

    • upload.single('file') 用于处理单个文件的上传。

  4. 处理上传请求：

    • 在路由处理函数中，通过 ctx.request.file 获取上传的文件，并进行相应的处理。

  5. 启动服务器：

    • 监听端口 3000，当接收到 POST 请求时，调用 /upload 路由进行处理。

这样，你就可以正确地处理文件上传，并且能够获取到上传的文件内容。希望这对你有所帮助！


没有进到while里去就是 part = yield parts 没有值，你看看你上传的表单是否有问题

var parts = parse(this); 这句我觉得应该是yield parse(this)

确定是 this.method 而不是 this.request.method 么？

我试了没有问题, 创建了tmp目录没?

根据你的描述，你尝试使用Koa框架进行文件上传，但遇到了问题。通常情况下，文件上传功能需要使用一些中间件来处理multipart/form-data格式的数据。在Koa中，一个常用的中间件是koa-bodyparser或koa-multer。

这里我将提供一个使用koa-multer的示例代码，这是一个专门为处理文件上传设计的中间件。

示例代码

首先安装koa-multer：

npm install koa koa-router koa-multer

然后你可以使用以下代码：

const Koa = require('koa');
const Router = require('koa-router');
const multer = require('koa-multer');

const app = new Koa();
const router = new Router();

// 配置multer以保存文件到指定目录
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, './uploads'); // 存储路径
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + '-' + file.originalname); // 文件名
  }
});

const upload = multer({ storage: storage });

router.post('/upload', upload.single('file'), async ctx => {
  ctx.body = { message: 'File uploaded successfully!', file: ctx.req.file };
});

app.use(router.routes()).use(router.allowedMethods());

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

解释

  1. koa-multer配置：我们配置了koa-multer将文件存储到./uploads目录下。
  2. 路由配置：定义了一个POST请求的路由/upload，使用upload.single('file')来处理单个文件上传。
  3. 处理逻辑：当文件成功上传后，返回一个JSON响应。

希望这个示例可以帮助你解决文件上传的问题。如果你使用的是koa版本较低的版本，可能需要检查是否有兼容性问题，并确保正确安装和使用相关中间件。

回到顶部