84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
请问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;
图片
formData可以上传文件。
formData 提交,自行更换表单id ,url等数据
html代码
php代码
图片