掘金的動態頭像，你安排上了嗎？

最近看到有好多掘友在沸點區討論動態頭像 因而，我報着414的態度，按住Ctrl + T打開了一個新的瀏覽器頁面，地址欄輸入iiter.cn，按了下回車 是它！就是它！第二排的第二條，進來的第一眼就看到了。
當我輕點鼠標，完整的執行了一個click事件的時候，網頁已經切入到掘金PC端首頁了，整個過程可謂行雲流水。
進入掘金我的主頁-編輯我的資料。
F12打開控制檯，切換至Network，再切換到XHR請求。
點擊上傳，先上傳一個普通格式的頭像。 切到XHR中，能夠看到多了四個請求，咱們看後兩個便可。 根據命名方式，咱們不難看出

• 第一個是用戶上傳頭像接口
• 第二個是更新用戶信息接口

點開用戶上傳頭像接口。通過分析，發現是個Post請求，接口是這貨： https://cdn-ms.juejin.im/v1/upload?bucket=gold-user-assets

• 切換到Preview看一下返回的數據

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 排版