盒子猫君 2023-07-01 15:25 采纳率: 0%
浏览 104

以nodejs为后台,如何实现将微信小程序获取的用户头像临时路径转存到服务器与数据库?

从微信小程序中返回的用户头像临时地址 http://tmp/H0GP7BW5HTQs846c0d9deef32d42f2203340efc4a5c3.jpeg 会失效,且只能一段时间内在微信访问,并且无法在公网访问用户头像临时地址avatarUrl。所以需要将临时地址avatarUrl转成实际可用的地址保存到mysql数据库的wxusers表的avatarUrl列中,同时将新的图片路径保存到服务器的./public/upload目录下。
有没有能帮我修改下面的代码的技术员:

微信小程序通过授权获取用户头像的wxml代码如下

<view class="btnavatar">
    <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"  value='{{avatarUrl}}'>
   <view>
    <image class="avatar" src="{{avatarUrl}}"></image>
   </view>
  </button>
</view>

对应的微信小程序TS代码如下

onChooseAvatar(e) {
const { avatarUrl } = e.detail 
this.setData({
  avatarUrl,
})
console.log("获取到用户输入的头像为"+ avatarUrl)
     // 登录
     var that = this;
     wx.login({
         success: function(res) {
             //console.log(res.code)
             // 发送 res.code 到后台换取 openId, sessionKey, unionId
             if (res.code){
                 wx.request({
                     url: config.apiUrl + '/api/getOpenid',
                     method: 'POST',
                     data:{
                         code:res.code,
                     },
                     success:function(response){
                         console.log("成功获取到用户openid 下面开始获取头像:",response.data.openid)
                         const openid = response.data.openid;
wx.request({
    url: config.apiUrl + '/api/avatarUrl',
    method: 'POST',
    data: {
        openid,
        avatarUrl,
    },
    success: function(res) {
        console.log('submit success');
        console.log("成功获取到用户头像存入数据库:",avatarUrl)
    },
    fail: function(res) {
        console.log('submit fail');
    }
})
}
})
}else{
console.log('wx.login()调用失败!'+res.errMsg);
}
}
})
},

以nodejs为后台保存头像到mysql数据库的路由代码如下


const express = require('express');
const router = express.Router();
const sql = require('../sql');
const request = require("request");
//存入头像
router.post('/avatarUrl', (req, res) => {

    const openid = req.body.openid;
    const avatarUrl = req.body.avatarUrl;
    const nickname = req.body.nickname;
    const phoneNumber = req.body.phoneNumber;
    const unionid = req.body.unionid;

    // 创建MySQL查询
    const sqlStr = 'SELECT * FROM wxusers WHERE openid = ?';
    //res.json({openid: openid});
    console.log(`查询到了`)
    // 查询数据库
    sql.query(sqlStr, [openid], function(err, result) {
        if (err) {
            console.error(err);
            res.status(500).send('Database error');
        } else {
            // 检查是否有匹配的openId
            if (result.length > 0) {
                const sqlStr = `UPDATE wxusers SET avatarUrl = '${avatarUrl}' WHERE openid = '${openid}'`;
                sql.query(sqlStr, (err, result) => {
                    if (err) throw err;
                    res.send('Data updated in the database.');
                });
            } else {
                const sqlStr = `INSERT INTO wxusers (openid, avatarUrl, nickname, phoneNumber, unionid) VALUES ('${openid}','${avatarUrl}', 'default_user', 'default_user', 'default_user')`;
                sql.query(sqlStr, [openid, avatarUrl, nickname, phoneNumber, unionid], (err, result) => {
                    if (err) throw err;
                    res.send('Data inserted into the database.');
                });
            }
        }
    });

});

module.exports = router;
  • 写回答

2条回答 默认 最新

  • yhuaqiang 2023-07-03 09:24
    关注

    我可以,找我提问就行

    评论 编辑记录

报告相同问题?

问题事件

  • 修改了问题 7月1日
  • 创建了问题 7月1日