前端如何做随机头像

在项目中很多时候前端要给用户一个固定的随机的头像，在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'

  },