头像上传

简介

在需要上传头像的地方使用该接口

请求

头像上传

POST /v1/user/avatar

Headers

属性

Content-Type

application/json

Authorization

Bearer {access_token}

Body

属性
类型
描述
必填

formData

这里的上传方式可能不太便于理解,我将给出一个js示例:(假设点击某#uploadButton按钮)

// 获取文件输入元素
const fileInput = document.querySelector('#avatarInput');

// 监听文件上传事件
document.querySelector('#uploadButton').addEventListener('click', () => {
    const file = fileInput.files[0];
    if (file) {
        const formData = new FormData();
        formData.append('file', file);

        // 调用上传接口
        fetch(app-globalData.rootApiUrl+ "/v1/user/avatar", {
            method: 'POST',
            body: formData,
            headers: {
                'Authorization': 'Bearer ' + token,
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                console.log('上传成功:', data.data);
            } else {
                console.error('上传失败:', data.Data);
            }
        })
        .catch(error => {
            console.error('请求错误:', error);
        });
    } else {
        console.error('请先选择文件');
    }
});

Response

{
	"success": true,
	"data": "图片地址"
}
属性
类型
描述

success

string

请求是否成功

data

string

成功:图片url 失败:错误信息

Last updated

Was this helpful?