El front-end web carga archivos y los nodejs de back-end los procesan

El front-end usa la herramienta de depuración de interfaz para cargar y el back-end usa Koa2 de nodejs.

Parte trasera:

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

const multer = require('@koa/multer');

const storage = multer.diskStorage({ // multer调用diskStorage可控制磁盘存储引擎
  destination: function(req, file, cb){
      cb(null, './image/pic')
  },
  filename: function(req, file, cb){
      cb(null, Date.now()+'.png') // 加入时间戳保证文件不重复
  }
})
const limits = {
  fileSize: 1024*1024*100,//文件大小 单位 b
  files: 1//文件数量
}
const upload = multer({
  storage,
  limits
})

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

router.get('/', async ctx => {
  ctx.body = 'Hello World';
});

//此处upload.single('file')的file是文件名，就是前端上传时参数的名称
router.post('/upload', upload.single('file'),async ctx => {
  ctx.body = 'success';
});

app.use(router.routes());
app.listen(2000);

Nota:

A. Comando del complemento de instalación de backend

//安装koa
npm i koa
//安装上传文件的插件multer
npm install --save @koa/multer multer

b. El complemento solo admite datos multiparte/formulario, por lo que el formato debe ser de esta manera.

Lo anterior es información basada en otros expertos, además de mi propia comprensión del valor. Espero que le resulte útil. Por supuesto, si no utiliza koa2 en el backend, también puede elegir el marco express. Para instalar complemento, solo npm i multer, para más detalles, puede ir a npm ¡Simplemente busque las instrucciones del complemento correspondiente en el sitio web oficial!