forked from ganlvtech/qrcode-file-transfer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathencode.html
19 lines (19 loc) · 980 Bytes
/
encode.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>QRCode File Transfer</title>
</head>
<body>
<div style="margin: .5em 0">
<div style="display: inline-block">File: <input type="file" id="file-selector"></div>
<div style="display: inline-block; margin-right: 2em">Speed: <input type="text" id="speed" value="100" style="width: 4em"> ms.</div>
<div style="display: inline-block; margin-right: 2em">Progress: <input type="number" id="current-block-index" value="0" style="width: 6em"> / <span id="all-block-count">100</span>.</div>
<div style="display: inline-block"><input type="button" value="Start" id="start-button"></div>
</div>
<div id="progress-bar" style="width: 100%; height: 1.5em"></div>
<img alt="qrcode" id="qrcode" style="display: block; width: 40em; height: 40em; border: 1px solid #eee; image-rendering: pixelated">
<script src="js/qrcode.js"></script>
<script src="js/encode.js"></script>
</body>
</html>