请问beforeSubmit怎么提交包含图片文件的表单?
认证0级讲师
formData可以上传文件。
formData 提交，自行更换表单id ，url等数据
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); } }); }
html代码
<!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>
php代码
var_dump($_REQUEST,$_FILES);die;
图片
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
formData可以上传文件。
formData 提交，自行更换表单id ，url等数据
html代码
php代码
图片