index.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <html>
  2. <head>
  3. <title>File upload in Node.js by Javatpoint</title>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  5. <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.form/3.51/jquery.form.min.js"></script>
  6. <script>
  7. $(document).ready(function() {
  8. $('#uploadForm').submit(function() {
  9. $("#status").empty().text("File is uploading...");
  10. $(this).ajaxSubmit({
  11. error: function(xhr) {
  12. status('Error: ' + xhr.status);
  13. },
  14. success: function(response) {
  15. console.log(response)
  16. $("#status").empty().text(response);
  17. }
  18. });
  19. return false;
  20. });
  21. });
  22. </script>
  23. </head>
  24. <body>
  25. <h1>Express.js File Upload: by Javatpoint</h1>
  26. <form id="uploadForm" enctype="multipart/form-data" action="/api/v1/upload" method="post">
  27. <input type="file" name="luzzuFileUpload" /><br/><br/>
  28. <input type="submit" value="Upload Image" name="submit"><br/><br/>
  29. <span id="status"></span>
  30. </form>
  31. </body>
  32. </html>