web-server.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <div id=menu>
  2. <ul>
  3. <li>Upload</li>
  4. <li><a href="/meta.html">Meta</a></li>
  5. <li><a href="text/text.html">Text</a></li>
  6. <li><a href="/wifi/wifiSta.html">Wifi Client</a></li>
  7. <li><a href="/wifi/wifiAp.html">Wifi AP</a></li>
  8. </ul>
  9. </div>
  10. <div class="square-box">
  11. <div class="square-content"> <div id="main">
  12. <div class="header">
  13. <h1>Web Server</h1>
  14. </div>
  15. <div class="content">
  16. <p>User defined web pages can be uploaded to meta-id. This is useful if meta-id acts as a web server while MCU provides
  17. the measurement data.</p>
  18. <form method="post" action="web-server/upload" name="submit" enctype="multipart/form-data" onSubmit="return onSubmit()">
  19. The custom web page to upload: <input type="file" name="webpage" multiple>
  20. <input type="submit" name="submit" value="Submit">
  21. </form>
  22. <div id="fs">
  23. </div>
  24. <br/><br/>
  25. </div>
  26. </div>
  27. <script>
  28. var allowSubmit = true;
  29. function displayList(data){
  30. var tmp = false;
  31. el = $("#fs");
  32. el.innerHTML+="<h2>files on espfs</h2>";
  33. Object.keys(data).forEach(function (v) {
  34. if (el != null) {
  35. if(tmp){
  36. el.innerHTML+="<a href='"+data[v]+"'>"+tmp+"</a><br/>";
  37. tmp=false;
  38. }
  39. else{
  40. tmp=data[v];
  41. }
  42. }});
  43. }
  44. onLoad(function (){
  45. ajaxJson("GET", "/web-server/list", displayList);
  46. });
  47. function onSubmit() {
  48. setTimeout(function() {
  49. window.location.reload();
  50. }, 1000);
  51. return true;
  52. }
  53. </script>
  54. </body></html>