javascript - 这个图片是如何进行上传的?

Question

这里记录了选择图片后的请求过程

一共产生了 4 个请求。
只有 getSign.json 和 cosDxmCallBack.json 有载荷

其中最后一个请求是图片回显时发起的请求,可以看到图片使用了服务器的地址,也就是图片是已经上传到服务器了。

getSign.json 和 cosDxmCallBack.json 虽然有载荷,但是载荷也不是图片数据。

而第二个请求是一个 put 请求

但是请求也没有提供载荷。
请问一下图片可能是通过什么方式上传的?

Answer 1

问题解决了,就是第二个请求发送图像数据的。源码是通过 xhr.send(file) 发送的,我试着用 axios{{ data: file}) 也发送请求成功,其中 axios 底层也是使用 xhr。但是非常奇怪的是 xhr.send(file) 发的请求在控制台中没有载荷那一栏,而 axios 发送的有载荷那一栏。

Answer 2

这请求 Content-Length 这么老大个儿，咋可能没有载荷？只是说这个载荷不能被序列化成可读性良好的内容，所以开发者工具没显示而已。

想看完整 HTTP 报文可以装个 Fiddler2、Charles 之类的抓包工具，不一定非得在浏览器自带的开发者工具上一棵树上吊死。