美文网首页
前端如何做随机头像

前端如何做随机头像

作者: 不吃肉的程序媛 | 来源:发表于2018-07-04 10:41 被阅读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'

      },

    相关文章

      网友评论

          本文标题:前端如何做随机头像

          本文链接:https://www.haomeiwen.com/subject/knsjuftx.html