在项目中很多时候前端要给用户一个固定的随机的头像,在vue的项目中,一开始因为本地给了很多的图片,所以就想到利用随机数去实现,但是因为这个图像不走数据库,所以就不能保证一个用户的头像是固定的,所以直接去利用随机数去改变他的图片路径是不现实的,因为我的本地图片按照从0 到8的命名规则 ,所以我算出来的数字页应当保证在0-8之间:这里是利用工号
getRandomAvator (empNo) {
let num = Math.round((parseInt(empNo.slice(-1).charCodeAt()) + parseInt(empNo.slice(-2, -1).charCodeAt()) - 48) / 10)
if (num === 0 || num < 0) {
num = 1
}
if (num > 8) {
num = 8
}
return '/static/image/avatars/avatar' + num + '@2x.png'
},
网友评论