上传图片问题 前端如何给后端传递图片参数，不能使用form表单，有别的方法吗，或者有好的上传图片组件吗？

Question

上传图片问题 前端如何给后端传递图片参数，不能使用form表单，有别的方法吗，或者有好的上传图片组件吗？
不知道该怎么写了，万分感谢

react+antd 项目

Answer 1

为啥不能用表单……后端这么懒么？找领导怼TA！

硬要用 JSON 之类的也行啊，你在前端把图片先变成 Blob、再 Base64 编码，就变成字符串了，构造一个 JSON 出来呗：

{
  "filename": "sample.png",
  "filedata": "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY/j//z8ABf4C/qc1gYQAAAAASUVORK5CYII="
}

上面的 JSON 里 filedata 其实是一张 1*1 的 png 图片 Base64 的结果。写在前端 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY/j//z8ABf4C/qc1gYQAAAAASUVORK5CYII="> 可以直接加载的那种。

后段接到以后 Base64 解码，就得到图片的二进制流字节数组，TA爱咋处理咋处理吧。