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代码
图片