前端页面如下:(index.html)
<!DOCTYPE>
<html>
<head>
<title>Upload File Test</title>
</head>
<body>
<form enctype='multipart/form-data' action="/cgi-bin/LocalVideoUpload" method="post">
<input type="file" name='pics' multiple>
<input type="file" name='another_pic'>
<input type="submit">
</form >
</body>
</html>
从中可以看到,使用了一个表单作为上传内容,其中enctype属性表明这个表单在上传的时候使用multipart/form-data格式。表单中有两个输入框,在浏览器里会显示为【选择文件】。其中pics可以选择多个文件上传,another_pic只能选择一个文件上传。
那么什么是multipart/form-data格式呢?
首先根据标准文档和搜索到的资料,这是一种Content-Type,而且是建立于POST请求方式基础上的。其本身意味着整个表单数据编码为一条消息,每个控件的数据对应消息的一部分。
先用Wireshark抓一下包,这里要注意的是,由于wireshark没法抓localhost环回的包,因此我在本地的另一个设备上设置了一个代理,这样请求会经过该设备的中转,从而能够被wireshark捕获到。当然也有更好的办法,比如配置路由,安装rawpacp等等.... 可以参考 这个博客
抓到的包大概是这样:
这里用了wireshark的过滤条件:ip.src eq 192.168.31.102 and ip.dst eq 19