index.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.js" type="text/javascript"></script>
  7. <!-- <script src="./jquery-3.6.0.js" type="text/javascript"></script> -->
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  9. </head>
  10. <body>
  11. <form id="uploadForm" action="/upload" enctype="multipart/form-data" method="post" onsubmit="return submitFile()">
  12. <div><input type="file" name="file" multiple></div>
  13. <br>
  14. <div><input type="submit" value="upload"> </div>
  15. </form>
  16. <script>
  17. function submitFile() {
  18. // formData = new FormData($('#uploadForm')[0])
  19. files = $('#uploadForm')[0].file.files
  20. for (i = 0; i < files.length; i++) {
  21. $.ajax({
  22. url: "/upload?fileName=" + encodeURIComponent(files[i].name),
  23. type: "POST",
  24. data: files[i],
  25. success: function (data) {
  26. console.info("success", data);
  27. },
  28. error: function (data) {
  29. console.warn("fail", data);
  30. },
  31. processData: false,
  32. contentType: "multipart/form-data",
  33. // contentType: "application/octet-stream"
  34. });
  35. }
  36. return false;
  37. }
  38. </script>
  39. </body>
  40. </html>