lqml/examples/cl-repl/www/index.html

51 lines
1.9 KiB
HTML

<!doctype html>
<html>
<head>
<title>cl-repl file exchange</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { color: #303030; font-family: sans-serif; margin: 30px 20px; }
a:link, a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; }
.upload { background-color: #f0f0f0; color: black; border: 3px solid #29c840; border-radius: 3px; }
.upload:hover { background-color: #d0d0d0; }
.upload:active { background-color: #b0b0b0; }
</style>
<script>
function setOrange() { document.getElementById("upload").style.border = "3px solid #febc2e" }
</script>
</head>
<body>
<h3>File exchange with cl-repl app</h3>
<form enctype="multipart/form-data" method="post" action="/">
<p>
<small><b>Whole Directory</b> (recursive in Firefox/Chromium)</small>
<br>
<input name="files[]" type="file" webkitdirectory directory onclick="setOrange()">
</p>
<p>
<small><b>Single File</b></small>
<br>
<input name="file" type="file" onclick="setOrange()">
</p>
<p>
<input type="submit" value="Upload" id="upload" class="upload">
</p>
</form>
<small>
Files are saved in <code>[Home]/uploads/</code>.
<ul>
<li>uploaded zip files can be unzipped on the device with
<br><code>(unzip "uploads/all.zip" "doc")</code>
<br>&nbsp;
<li>files on the device can be zipped before downloading with
<br><code>(zip "all.zip" "doc")</code>
<br>&nbsp;
<br>and downloaded like so:
<br><code>http://192.168.1.x:1701/all.zip</code>
</ul>
<code>"doc"</code> is shorthand for either <code>/sdcard/Documents</code> (android) or <code>../Documents</code> (iOS)
</small>
</body>
</html>