文件的上传和下载本质上都是两台计算机，建立连接，传输数据，然后把数据以文件的形式保存在硬盘中。
不同的协议会有不同的传输方式。例如 http 和 ftp 的传输方式肯定不一样，但本质上依然是传输数据，然后数据的接收方把数据保存成文件。
上传和下载是相对而言的，数据的发送方就是在上传，数据的接收方就是在下载。
RFC 7578
关键是要把 input 的 type 设为 file
<form id="upload_form" action="" method="post" enctype="multipart/form-data">
<label>label <input type="file" id="split_upload" name="split_upload" accept=".jpg, .jpeg, .png"/></label>
<button type="submit">Submit</button>
</form>
关键是要在上一个例子中 input 标签里加上 multiple 属性
<form id="upload_form" action="" method="post" enctype="multipart/form-data">
<label>label <input type="file" id="split_upload" name="split_upload" accept=".jpg, .jpeg, .png" multiple/></label>
<button type="submit">Submit</button>
</form>
<form id="upload_form" action="" method="post" enctype="multipart/form-data">
<label>label <input type="file" id="split_upload" name="split_upload" accept=".jpg, .jpeg, .png" multiple/></label>
<button type="submit">Submit</button>
</form>
<script>
document.querySelector('#split_upload_form').addEventListener('submit', function(event) {
var form_data = new FormData(this);
var xhr = new XMLHttpRequest();
xhr.setRequestHeader('Content-type', 'multipart/form-data');
xhr.open("POST", url, true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
}
}
}
xhr.send(form_data);
event.cancelBubble = true;
event.stopPropagation();
event.preventDefault();
return false;
}
</script>