a. html部分:
b. js部分:
c. 完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form>
<input type="file" multiple id="lee_file">
<input type="text" id="lee_text" value="test">
<input type="button" value="上传图片" id="lee_button">
</form>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
var lee_button = $(‘#lee_button‘);
function sendFile(){
var lee_file = $(‘#lee_file‘);
var lee_text = $(‘#lee_text‘);
var form_data = new FormData();
for(var i in lee_file[0].files){
form_data.append(‘pics[]‘,lee_file[0].files[i]);
}
form_data.append(‘text‘,lee_text.val());
$.ajax({
url: ‘http://localhost/111.php‘,
type: ‘POST‘,
cache: false,
data: form_data,
processData: false,
contentType: false
}).done(function(res) {
console.log(res);
}).fail(function(res) {
console.log(‘fail‘);
});
}
lee_button.click(function(){
sendFile();
})
</script>
</body>
</html>
完整代码:
<?php
header(‘Access-Control-Allow-Origin: *‘);
$pics = $_FILES[‘pics‘];
var_dump($pics);
$text = $_POST[‘text‘];
var_dump($text);
ajax利用FormData实现多文件上传php获取
原文地址:http://blog.51cto.com/12173069/2059657