Node编写更新用户头像接口

目录

定义路由和处理函数

验证表单数据

​编辑

实现更新用户头像的功能


定义路由和处理函数

向外共享定义的更新用户头像处理函数

javascript 复制代码
// 更新用户头像的处理函数
exports.updateAvatar = (req, res) => {
  res.send(更新成功)
}

定义更新用户头像路由

javascript 复制代码
// 更新用户头像的路由
router.post('/update/avatar', userinfo_handler.updateAvatar)

postman发起模拟请求,注意该接口也是需要token的

验证表单数据

定义头像验证规则

javascript 复制代码
// dataUri() 指的是如下格式的字符串数据:
// data:image/png;base64,VE9PTUFOWVNFQ1JFVFM=
const avatar = joi.string().dataUri().required()

向外共享验证规则对象

javascript 复制代码
// 验证规则对象 - 更新头像
exports.update_avatar_schema = {
  body: {
    avatar,
  },
}

在路由模块导入并解构该验证对象

javascript 复制代码
const { update_avatar_schema } = require('../schema/user')

修改更新用户头像路由

javascript 复制代码
router.post('/update/avatar', expressJoi(update_avatar_schema), userinfo_handler.updateAvatar)

实现更新用户头像的功能

定义sql语句

javascript 复制代码
const sql = 'update ev_users set user_pic where id=?'

使用db.query()调用sql语句

javascript 复制代码
db.query(sql,[req.body.avatar,req.auth.id],(err,results)=>{
    if(err) return res.send({status:1,message:err.message})
    if(results.affectedRow!==1) return res.send({status:1,message:'头像更新失败'})
    res.send({status:0,message:'更新成功'})
})

更新用户头像路由完整代码

javascript 复制代码
// 导出更新头像
exports.updateAvatar=(req,res)=>{
    // 定义sql语句
    const sql = 'update ev_users set user_pic=? where id=?'
    db.query(sql,[req.body.avatar,req.auth.id],(err,results)=>{
        // 判断sql语句是否执行
        if(err) return res.send({status:1,message:'err.message'})
        // sql语句执行,判断影响行数是否为1
        if(results.affectedRows!==1) return res.send({status:1,message:'头像更换失败'})
        res.send({status:0,message:'头像更换成功'})
    })
    res.send('更新成功')
}
相关推荐
欧阳呀5 分钟前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
清风徐来QCQ8 分钟前
css总结
前端
天***88961 小时前
js封装一个双精度算法实现
开发语言·前端·javascript
Algebraaaaa1 小时前
什么是前端、后端与全栈开发,Qt属于什么?
开发语言·前端·qt
胡斌附体1 小时前
使用Electron创建helloworld程序
前端·javascript·electron·nodejs·pc
toobeloong2 小时前
Electron 从低版本升级到高版本 - webview通信的改造
前端·javascript·electron
im_AMBER2 小时前
React 01
前端·javascript·笔记·react.js·前端框架·web
@大迁世界2 小时前
React 19.2.0 有哪些新变化
前端·javascript·react.js·前端框架·ecmascript
华仔啊3 小时前
用 Vue3 + Canvas 做了个超实用的水印工具,同事都在抢着用
前端·vue.js·canvas