这次给大家带来Ajax异步上传文件实列（附代码），Ajax异步上传文件的注意事项有哪些，下面就是实战案例，一起来看一下。
非常不多说，直接给大家上干货，写的不好还请见谅。
具体代码如下所示：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<title>Index</title>
<script>
$(function() {
$(':button').click(function () {
var formData = new FormData();
var file = $("input[type='file']")[0].files[0];
formData.append("files", file);
$.ajax({
url: '/Upload/Upload', //server script to process data
type: 'POST',
//Ajax事件
//beforeSend: beforeSendHandler,
//success: completeHandler,
//error: errorHandler,
// Form数据
data: formData,
//Options to tell JQuery not to process data or worry about content-type
cache: false,
contentType: false,
processData: false
});
});
});
</script>
</head>
<body>
<form enctype="multipart/form-data">
<input name="file" type="file" multiple="multiple" />
<input type="button" value="Upload" />
<input type="text" name="userName" value="ice" />
</form>
</body>
</html>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci Ajax异步上传文件实列（附代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Aksara bercelaru bermula dengan ^quxjg$c
tutorial ajax
Bagaimana untuk membuka fail img
Anda memerlukan kebenaran daripada pentadbir untuk membuat perubahan pada fail ini
Apakah format doc?
Penyelesaian kod kacau Cina Ajax
Apa yang perlu dilakukan jika ajax menghantar aksara Cina yang kacau
Pengenalan kepada penggunaan kod keseluruhan vbs
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
