用几行代码在论坛上传PNG头像|不死鸟资源网

文章摘要

准备不超过40KB的PNG头像，建议尺寸为128*128或使用tinypng压缩。将图片转为base64格式，通过搜索工具可实现转换。打开浏览器控制台（F12），替换代码中的base64值并运行。代码通过fetch接口向/my-avatar.htm发送POST请求，上传头像并返回地址，刷新页面即可查看效果。

— 文章部分摘要由DeepSeek深度思考而成

首先，你需要准备一个，不大于 40KB 的 PNG 头像（因为我们没有再用论坛的自动裁切功能，所以需要自己保证大小符合要求），一般尺寸 128*128 就可以做到，或者可以尝试 tinypng

然后把这个图片转换成 base64（如果不知道哪里转换的话，在百度随便搜一个就可以）

最后按 F12，打开浏览器控制台，把下面的代码输入 Console 运行，记得替换第一行的 base64 值

const AvatarBase64 = 'YourAvatarBase64';

let formData = `width=128&height=128&action=clip&filetype=png&name=avatar.png&data=${encodeURIComponent(AvatarBase64)}`;
fetch('/my-avatar.htm', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        'X-Requested-With': 'XMLHttpRequest',
    },
    body: formData,
});

运行之后应该可以看到 Network 里面发起了一个请求，并且请求返回值是你的头像地址，这个时候就可以刷新下看效果了