Интерфейсная часть использует инструмент отладки интерфейса для загрузки, а серверная часть использует Koa2 из nodejs.
Бэкэнд-часть:
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);
Примечание:
А. Команда внутреннего модуля установки.
//安装koa
npm i koa
//安装上传文件的插件multer
npm install --save @koa/multer multer
б. Плагин поддерживает только multipart/form-data, поэтому формат должен быть таким.
Вышеприведенная информация основана на мнениях других экспертов, а также на моем собственном понимании ценности. Надеюсь, она будет вам полезна. Конечно, если вы не используете koa2 в серверной части, вы также можете выбрать экспресс-фреймворк. Чтобы установить плагин, просто npm и multer.За подробностями можно зайти на npm Просто найдите соответствующую инструкцию плагина на официальном сайте!