Maison > Article > développement back-end > javascript - 请问beforeSubmit怎么提交包含图片文件的表单?
请问beforeSubmit怎么提交包含图片文件的表单?
请问beforeSubmit怎么提交包含图片文件的表单?
formData可以上传文件。
formData 提交,自行更换表单id ,url等数据
<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> <meta charset="UTF-8"> <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <title>Title</title> <form id="uploadForm"> <input name="asas"> <input name="adsfadsf"> <input type="file" name="asdfadsasaaa"> <input name="asasdfasdfasas"> <input type="button" onclick="doUpload()"> </form> <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>var_dump($_REQUEST,$_FILES);die;</code>
图片