利用JavaScript 的formdata 进行无刷新上传文件

2022-11-26 07:12:56

<html>

<head>

<title></title>

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>

</head>

<body>

<form id= "uploadForm">

<p >名字： <input type="text" name="filename" value= ""></p>

<p >文件： <input type="file" name="file"></p>

<br>

<input type="button" value="上传" onclick="Upload()">

</form>

<script>

function Upload() {

var formData = new FormData($("#uploadForm")[0]);

$.ajax({

url: 'upload.php',

type: 'POST',

data: formData,

contentType: false,

processData: false,

success: function (returndata) {

alert(returndata);

}

});

}

</script>

</body>

</html>