Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>File Inputs Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $("#uploadForm").submit(function(event){ event.preventDefault(); var formData = new FormData(this); $.ajax({ url: "https://example.com/upload", type: "POST", data: formData, processData: false, contentType: false, success: function(response){ alert("File uploaded successfully!"); }, error: function(){ alert("Error uploading file"); } }); }); }); </script> </head> <body> <form id="uploadForm" enctype="multipart/form-data"> <input type="file" name="file" /><br> <input type="submit" value="Upload" /> </form> </body> </html>
console output