- [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