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>

以上代码是小编给大家分享的Ajax异步上传文件实例代码！

本文刊载的所有内容，包括文字、图片、音频、视频、软件、程序、以及网页版式设计等部门来源于互联网，版权均归原作者所有！本网站提供的内容服务于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
联系信息：邮箱aoxolcom@163.com或见网站底部。

THE END