How to submit a form containing image files beforeSubmit?
How to submit a form containing image files beforeSubmit?
formData can upload files.
formData submission, change the form id, url and other data by yourself
<code>function doUpload() {
var formData = new FormData($( "#uploadForm" )[0]);
$.ajax({
url: 'http://localhost/file/upload' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
} </code>html code
<code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
<title>Title</title>
</head>
<body>
<form id="uploadForm">
<input name="asas">
<input name="adsfadsf">
<input type="file" name="asdfadsasaaa">
<input name="asasdfasdfasas">
<input type="button" onclick="doUpload()">
</form>
</body>
</html>
<script>
function doUpload() {
var formData = new FormData($( "#uploadForm" )[0]);
$.ajax({
url: './form.php' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
}
</script></code>php code
<code>var_dump($_REQUEST,$_FILES);die;</code>
Pictures
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
