在gitlab上使用动态gif作为自己的头像

我们可以在gitlab上看到关于gitlab的全部代码。这里是有关修改个人信息的前端代码。读代码的部分就不介绍了，简而言之，在点击更新个人资料设置的时候，会检查是否在某个元素中通过jquery.data()方法存储了头像图片的blob对象，如果有的话，就把这个对象封装到form对象中，并上传到后端。在前端中没有做任何验证，直接就可以上传任何内容，然后格式都会被标识为png。

那么要做的就很简单了，我们只需要将我们想要用作头像的图片转换成一个blob，赋值给页面后，再触发一次正常的更新资料就好了

1. 登录， 并打开你的编辑个人资料页面。
2. 按一下F12，打开开发者工具，并点击开发者工具顶部的Network按钮。这时候会开始监听页面请求。
3. 点击页面中的选择文件按钮，并且将想要用的头像上传上去。这时候再看开发者工具的Network，会发现多出来一行data:image起头的请求，右键这一行，并选择复制-复制链接地址。
4. 这个时候我们已经得到了一个base64编码的图片。在开发者工具最底下的Console中输入如下代码，记得修改其中需要粘贴base64图片的地方，

function dataURLtoBlob(dataurl) {
      var arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], { type: mime });
    }
    let blob = dataURLtoBlob('此处粘贴你的base64')
    let avatar = $('.js-user-avatar-input').data('glcrop')
    avatar.croppedImageBlob = blob

1. 点击个人资料页面中的更新个人资料设置按钮，如果不出意外就已经成功了。