前端如何做随机头像
2018-07-04 本文已影响0人
不吃肉的程序媛
在项目中很多时候前端要给用户一个固定的随机的头像，在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'
},
