话不多说,直接上代码,亲测可用。
<!DOCTYLE html>
<html>
<head>
<meta charset='utf-8'>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<form id='upload_files'>
<input type="file" name='pic[]' multiple>
<input type="submit">
</form>
</body>
</html>
<script type="text/javascript">
$(function () {
$('#upload_files').submit(function () {
var data = new FormData($('#upload_files')[0]);
$.ajax({
url: './batchFileUploadAjax',//上传路径
type: 'POST',
data: data,
dataType: 'JSON',
cache: false,
processData: false,
contentType: false,
success: function (data) {
console.log(data);
}
});
return false;
});
});
</script>
html表单中加了multiple属性,可以批量上传
以PHP为例,去batchFileUploadAjax文件打印$_FILES即有数据,处理即可