最近看到有好多掘友在沸点区讨论动态头像
因而,我报着414的态度,按住Ctrl + T打开了一个新的浏览器页面,地址栏输入iiter.cn,按了下回车 是它!就是它!第二排的第二条,进来的第一眼就看到了。
当我轻点鼠标,完整的执行了一个click事件的时候,网页已经切入到掘金PC端首页了,整个过程可谓行云流水。
进入掘金我的主页-编辑我的资料。
打开控制台,切换至
F12Network
,再切换到XHR
请求。
点击上传,先上传一个普通格式的头像。 切到
XHR
中,能够看到多了四个请求,咱们看后两个便可。 根据命名方式,咱们不难看出web
点开用户上传头像接口。通过分析,发现是个Post请求,接口是这货: https://cdn-ms.juejin.im/v1/upload?bucket=gold-user-assets
api
ok,咱们用此接口测试下能不能上传.gif
格式的图片 打开postman
,新建一个请求,切换至POST
请求,复制粘贴上传头像的接口,Body体切换至form-data 并将
key
改成file
类型。
选择一个.gif格式的图片先。
点击蓝色的
Send
按钮,看看咱们能不能将这个可爱(魔性)
的gif图上传上去,想一想还有点小激动。
纳尼?小脑壳瓜子嗡嗡的。
会不会是咱们的请求头不完整呢? 得!再次切换到
Network
中的XHR
请求里,发现咱们漏掉部分请求头。 咱们给postman中请求头补全
继!续!点!击!蓝色
Send
按钮。 看来图片上传是行不通了。
咱们直接调用
更新用户数据
的接口。
接口是下面这货 https://user-storage-api-ms.juejin.im/v1/updateUserInfo
Post请求,Form Data中填充以下参数,头像先给成如今的静态头像。
点!击!
Send
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! 更新成功。 切回网页,刷新1下。
已经换过来了。
掘友导航站:iiter.cn (能否设个浏览器首页支持一下?) 浏览器
本文使用 mdnice 排版网络