formdata怎么上传文件和数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了formdata怎么上传文件和数据相关的知识,希望对你有一定的参考价值。

参考技术A html代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>多文件上传</title>
<script src="jquery.js"></script>
<script>
$(function()
$("#btn").click(function()
var formData = new FormData();
for(var i=0; i<$('#file')[0].files.length;i++)
formData.append('file[]', $('#file')[0].files[i]);

$.ajax(
url: "test.php",
type: "POST",
processData: false,
contentType: false,
data: formData,
success: function(d)

);
);
)
</script>
</head>
<body>
<form>
<input type="file" multiple id="file" name="file[]" >
<input type="button" id="btn" value="提交"/>
</form>
</body>

test.PHP代码:
<?php
var_dump($_FILES);die();本回答被提问者采纳

以上是关于formdata怎么上传文件和数据的主要内容,如果未能解决你的问题,请参考以下文章

[FE] 用 FormData 上传多个文件到 MultipartFile[] 接口

使用 FormData 和 jQuery 上传 Ajax 大文件无法发布数据

使用PHP和HTML5 FormData实现无刷新文件上传教程

通过jQuery Ajax使用FormData对象上传文件

前端上传大型文件或超长数据的解决办法

通过jQuery Ajax使用FormData对象上传文件