coding
在 上篇文章 中介绍了web开发中如何上传单个文件，多文件上传也类似，本文就简单介绍下。本文技术栈为：
前端：HTML / Jquery
后端：Java / SpringMVC / Spring boot
文件上传可以通过 form表单 方式提交到后台，也可以 Ajax 模拟表单方式提交到后台，下边分别演示。
form表单上传
前端代码



   

文件上传示例

上传文件

文件上传示例

function onUpload() { var formData = new FormData(); var fileCount = $('#file1')[0].files.length; for(var i = 0; i < fileCount; i++){ formData.append('file1', $('#file1')[0].files[i]); } $.ajax({ url: '/upload-ajax', type: 'POST', async: false, data: formData, cache: false, contentType: false, processData: false, success: function (data) { alert(data); } }); }

本文章由javascript技术分享原创和收集