前端 使用form表单
1.action 路径
2.methods 请求方式
3.enctype 编码格式 固定 multipart/form-data
4.第一个input type值为file 需要绑定一个唯一标识 使用name属性绑定 此处绑定 1910B
5.第二个input type值为submit 提交 用于提交from表单<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="1910B">
<input type="submit">
</form>
后台
1.第一步引入
2.进行配置 使用multer.diskStorage 磁盘 配置路径和名字
3.传入配置 定义upload函数
4.在接口中使用upload函数解析图片参数并且存入
const multer = require('multer')
const Stroage = multer.diskStorage({ // 自定义配置
destination:function(req,file,cb){ // 设置路径
cb(null,'public/image')
},
filename:function(req,file,cb){
cb(null,file.originalname) //设置图片保存名
}
})
const upload = multer({ // 传入配置
storage:Stroage // 对应替代
}).single('1910B') // 设置唯一标识
// 图片上传接口
app.post('/upload',(req,res)=>{
upload(req,res,err=>{ // 使用upload函数
if(err){
res.send({
code:0,
msg:'失败'
})
}else{
res.send({
code:1,
msg:'成功'
})
}
})
})