业务场景:前端生成 FormData 把 图片的files传到后台,后台把文件存到指定目录下,然后返回重命名后的名称
node代码:
const formidable = require('koa-formidable'); // 图片处理
const fs = require('fs'); // 图片路径
class Image {
// 上传图片
static async uploadImg(ctx) {
let form = formidable.parse(ctx.request)
let p = new Promise((resolve, reject) => {
form((opt, { fields, files }) => { // files对象里存放着前端传过来的图片的files
let name = Date.now() + '.png'
// files.file.path 是 图片文件的临时路径 ,用rename把文件转移到自己想要的目录下
fs.renameSync(files.file.path, 'public/images/' + name)
resolve(name)
})
})
await p.then(res => {
ctx.response.body = { data: res, code: 1 }
ctx.response.status = 200
}).catch(err => {
ctx.response.body = { data: err, code: 0 }
ctx.response.status = 200
})
}
}
module.exports = Image
目录结构如图:
关于koa-formidable 以及 formidable 中间件 的说明文档着实不多,所以用起来真的是摸着石头过河,只能达到单纯实现功能的程度,其中有很多不合理的地方希望大家引以为戒吧
来自:非常菜鸡的前端程序猿,请多指教,不喜勿喷,一起进步