The esp8266 portion of the project
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

60 lines
2.9 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>ESP8266 SPIFFS File Upload</title>
  5. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
  6. <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png">
  7. <link rel="icon" type="image/png" sizes="48x48" href="/favicon.ico">
  8. <link rel="manifest" href="manifest.json">
  9. <meta name="theme-color" content="#00878f">
  10. <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>
  11. <meta charset="utf-8">
  12. <script src="loadMenu.js" defer></script>
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  14. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  15. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  16. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/esm/popper.js" type="module"></script>
  18. <script src="https://cdnjs.cloudflare.com/ajax/libs/sprintf/1.1.2/sprintf.min.js"></script>
  19. <link href='main.css' rel='stylesheet' type='text/css'>
  20. <link rel="stylesheet" href="colors.css">
  21. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-filestyle/2.1.0/bootstrap-filestyle.min.js"></script>
  22. <script src="uploadButtonStyle.js" defer></script>
  23. </head>
  24. <body>
  25. <div id="navigation"></div>
  26. <div class="container shadow-lg">
  27. <section class="py-5 mt-3">
  28. <div class="container">
  29. <div class="row">
  30. <div class="col">
  31. <h1 class="display-4 text-ternary">ESP8266 SPIFFS File Upload</h1>
  32. <div class="row">
  33. <div class="col-md-6 offset-md-3">
  34. <p>Select a new file to upload to the ESP8266. Existing files will be replaced.</p>
  35. <form method="POST" enctype="multipart/form-data">
  36. <div class="form-group">
  37. <input class="filestyle" data-btnClass="btn-ternary" type="file" data-dragdrop="true" name="data" id="upload-button" required>
  38. <p class="form-text text-muted">You can drag and drop files as well</p>
  39. </div>
  40. <div class="form-group text-center">
  41. <input class="btn btn-ternary" type="submit" value="Upload">
  42. </div>
  43. </form>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </section>
  50. </div>
  51. </body>
  52. </html>