Устроили динамичный аватар Наггетс?

Тайна динамических аватаров

В последнее время я видел много друзей-копателей, обсуждающих в области точки кипения动态头像
Итак, я сообщил об отношении 414, зажал Ctrl + T в браузере, чтобы открыть новую страницу, и набрал в адресной строке.iiter.cn, нажмите Enter.

это! Это оно!
Второй во втором ряду, я заметил его с первого взгляда, когда зашел.
Когда я снова щелкаю мышью и выполняю событие щелчка. Страница изменена сНавигационная станция ДигьюПерейдите на домашнюю страницу Nuggets для ПК, весь процесс можно охарактеризовать как гладкий.

Интерфейс анализа

Войдите на личную домашнюю страницу Nuggets — отредактируйте личную информацию.
F12Откройте консоль, переключитесь наNetwork, затем переключитесь наXHRпросить. Нажмите «Загрузить», чтобы сначала загрузить аватар в обычном формате.

сократить доXHR, вы можете увидеть еще четыре запроса, мы можем просто посмотреть на последние два.

По способу наименования нетрудно заметить, что

• Во-первых, это интерфейс загрузки аватара пользователя.
• Во-вторых, обновить интерфейс информации о пользователе.

Нажмите на интерфейс загрузки аватара пользователя. После анализа выясняется, что это Post запрос, а интерфейс такой:
https://cdn-ms.juejin.im/v1/upload?bucket=gold-user-assets
Переключитесь на предварительный просмотр, чтобы увидеть возвращенные данные.

Загрузить динамический аватар

хорошо, мы используем этот интерфейс, чтобы проверить, можем ли мы загрузить.gifформат изображения Открытьpostman, создайте новый запрос, переключитесь наPOSTЗапросите, скопируйте и вставьте интерфейс для загрузки аватара, и Тело переключится наform-data

и воляkeyизменить наfileТипы. имя свойства изменено наfile

Выбери один.gifСначала отформатируйте изображения.

нажмите на синийSendкнопку и посмотрим, сможем ли мы поставить это可爱(魔性)загружена гифка. Немного волнительно думать о...

После успешной загрузки он вернет путь к файлу текущего изображения, мы копируемhttpsначиная с соглашения

Обновить информацию о пользователе

Тогда звоните напрямую更新用户数据Интерфейс.
Интерфейс следующий
https://user-storage-api-ms.juejin.im/v1/updateUserInfo
ещеPostпросить,Form DataЗаполните следующие параметры и дайте аватарку текущему статическому аватару, чтобы опробовать его.

точка! удар!Send

хорошо, информация о пользователе была успешно обновлена ​​в почтальоне.
Давайте попробуем то, что мы только что загрузили.gifформат аватара.
с только что скопированнымhttpsПуть в начале протокола замененpostmanвнутриvalueценность .
Нажмите Отправить!

обновление завершено.

Убедитесь, что обновление прошло успешно

Вернитесь на веб-страницу и обновите ее один раз.

Он был успешно заменен динамическим аватаром.

пасхальные яйца

Навигационная станция Digyou:iiter.cn(Можете ли вы настроить домашнюю страницу браузера для его поддержки?)