图片上传流程，前端求解释

Question

图片上传流程，前端求解释

Answer 1

1. 绑定input的onchange事件
2. 生成formdata
3. POST到接口完成上传

document.querySelector('#file').onchange = function(e) {
    if(e.files.length === 0) {
        return;
    }
    const fd = new FormData();
    fd.append('file',e.files[0]);
    
   fetch('http://www.baidu.com/upload').then(res=>console.log(res)).catch(console.error);
}

Answer 2

使用 formdata，查看文档

Answer 3

要听怎么解释...
图片上传方案好多

1. oss直传 纯前端操作
2. file对象传输后台 后台做其余上传处理
3. 图片转base64 在做处理

Answer 4

我前端一般是把图片转为base64字符串，请求后台数据接口时base64字符串再传给后台