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.
 
 
 
 
 
 

61 lines
2.9 KiB

<!DOCTYPE html>
<html>
<head>
<title>ESP8266 SPIFFS File Upload</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon.ico">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#00878f">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>
<meta charset="utf-8">
<script src="loadMenu.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/esm/popper.js" type="module"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sprintf/1.1.2/sprintf.min.js"></script>
<link href='main.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="colors.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-filestyle/2.1.0/bootstrap-filestyle.min.js"></script>
<script src="uploadButtonStyle.js" defer></script>
</head>
<body>
<div id="navigation"></div>
<div class="container shadow-lg">
<section class="py-5 mt-3">
<div class="container">
<div class="row">
<div class="col">
<h1 class="display-4 text-ternary">ESP8266 SPIFFS File Upload</h1>
<div class="row">
<div class="col-md-6 offset-md-3">
<p>Select a new file to upload to the ESP8266. Existing files will be replaced.</p>
<form method="POST" enctype="multipart/form-data">
<div class="form-group">
<input class="filestyle" data-btnClass="btn-ternary" type="file" data-dragdrop="true" name="data" id="upload-button" required>
<p class="form-text text-muted">You can drag and drop files as well</p>
</div>
<div class="form-group text-center">
<input class="btn btn-ternary" type="submit" value="Upload">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</body>
</html>