Skip to content
  • [x] 前端选择文件并上传
  • [x] 服务端将图片存在服务端临时目录下,返回相对路径
  • [ ] 前端自行拼接路径前缀形成可访问的链接
  • [ ] 前端发送表单
  • [ ] 服务端保存信息到数据库,并将图片从临时目录转移到图片保存路径
  • [ ]

前端使用formData上传

js
const formData = new FormData();
formData.append('name', 'testImgName');
formData.append('file', file);
const res = await axios.post('/uploadImg', formData);

后台接收

js
const koaBody = require('koa-body');
const router = new Router();
const fs = require('fs');
const path = require('path');
const mime = require('mime');
app.use(koaBody({ multipart: true }));

const file = ctx.request.files.file;
//ele中是
 // const filePath = file.path;
  //  const fileName = `${filePath.split('\\').reverse()[0]}.${mime.getExtension(file.type)}`;
        const filePath = file.filepath; 
        const fileName = `${file.newFilename}.${mime.getExtension(file.mimetype)}`;
        const tmpPath = path.resolve(__dirname, `./tmpImg/${fileName}`);
        console.log(filePath, fileName, tmpPath);
        fs.copyFileSync(filePath, tmpPath);
        fs.unlinkSync(filePath);
        ctx.body = {
            code: 200,
            data: {
                tmpPath: `tmpImg/${fileName}`,
            },
        };

标题:希望汉族男灭绝

关键字(一定要详细准确):生育 灭绝 大陆

图片:若干张图

图中事件或发言的时间:2022-04-18

事件原始链接(可选):

备注(可选):添加文字描述事件或者性别互换事件的结果等

是否可见:true