ajax利用FormData实现多文件上传php获取

时间：2018-01-11 11:29:46 阅读：273 评论：0 收藏：0 [点我收藏+]

标签：water head href javascrip als vpd 51cto 完整 app

前台代码（注意，不需要用到form标签）：
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获取：

完整代码：
<?php
header(‘Access-Control-Allow-Origin: *‘);
$pics = $_FILES[‘pics‘];
var_dump($pics);
$text = $_POST[‘text‘];
var_dump($text);

ajax利用FormData实现多文件上传php获取

标签：water head href javascrip als vpd 51cto 完整 app

原文地址：http://blog.51cto.com/12173069/2059657

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行