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

╰+哭是因爲堅強的太久メ 2023-02-17 02:43 8阅读 0赞

## 开始 ##

在使用私人的gitlab的时候，我发现gitlab可以上传自定义头像，而且支持各种类型，但是裁剪后都只变成了png类型。这样的话，头像就都是静态的了，显得十分枯燥。经过20分钟的摸索，我终于将我的头像改成了动态头像。

## 原理 ##

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

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

## 步骤 ##

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

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

原地址:[在gitlab上使用动态gif作为自己的头像][gitlab_gif]

亲测可用!

[Link 1]: https://link.zhihu.com/?target=https%3A//gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/profile/profile.js
[gitlab_gif]: https://zhuanlan.zhihu.com/p/103118592