掘金的动态头像,你安排上了吗?

最近看到有好多掘友在沸点区讨论动态头像 因而,我报着414的态度,按住Ctrl + T打开了一个新的浏览器页面,地址栏输入iiter.cn,按了下回车 20204260726 是它!就是它!第二排的第二条,进来的第一眼就看到了。
当我轻点鼠标,完整的执行了一个click事件的时候,网页已经切入到掘金PC端首页了,整个过程可谓行云流水。
进入掘金我的主页-编辑我的资料。
F12
打开控制台,切换至Network,再切换到XHR请求。
点击上传,先上传一个普通格式的头像。 2020425174633 切到XHR中,能够看到多了四个请求,咱们看后两个便可。 202042517485 根据命名方式,咱们不难看出web

  • 第一个是用户上传头像接口
  • 第二个是更新用户信息接口

点开用户上传头像接口。通过分析,发现是个Post请求,接口是这货: https://cdn-ms.juejin.im/v1/upload?bucket=gold-user-assetsapi

  • 切换到Preview看一下返回的数据 20204251836

ok,咱们用此接口测试下能不能上传.gif格式的图片 打开postman,新建一个请求,切换至POST请求,复制粘贴上传头像的接口,Body体切换至form-data 202042518718 并将key改成file类型。 202042518937 20204251896 选择一个.gif格式的图片先。 2020425181123 点击蓝色的Send按钮,看看咱们能不能将这个可爱(魔性)的gif图上传上去,想一想还有点小激动。 2020425181238 2020425181315 纳尼?小脑壳瓜子嗡嗡的。 2020425181557 会不会是咱们的请求头不完整呢? 得!再次切换到Network中的XHR请求里,发现咱们漏掉部分请求头。 2020425235352 咱们给postman中请求头补全 2020425182147 继!续!点!击!蓝色Send按钮。 2020425225558 看来图片上传是行不通了。 2020425235626 咱们直接调用更新用户数据的接口。
接口是下面这货 https://user-storage-api-ms.juejin.im/v1/updateUserInfo
Post请求,Form Data中填充以下参数,头像先给成如今的静态头像。 202042523024 202042523235 点!击!Send 202042523311 ok,更新成功。
咱们来试试.gif格式的头像
image.iiter.cn上传一张gif头像,获得一个网络路径。
以下 https://user-gold-cdn.xitu.io/2020/4/26/171b21b184fed380?w=240&h=240&f=gif&s=32625
替换掉postman里value的值。
点击Send! 202042523311 更新成功。 切回网页,刷新1下。 202042523623 已经换过来了。
掘友导航站:iiter.cn (能否设个浏览器首页支持一下?) 2020425235817浏览器

本文使用 mdnice 排版网络

相关文章
相关标签/搜索