Heim >Backend-Entwicklung >PHP-Tutorial >javascript - Wie sende ich ein Formular mit Bilddateien vor dem Absenden?
Wie reiche ich vor dem Absenden ein Formular mit Bilddateien ein?
Wie reiche ich vor dem Absenden ein Formular mit Bilddateien ein?
formData kann Dateien hochladen.
Formulardaten übermitteln und Formular-ID, URL und andere Daten selbst ändern
<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>
Bilder