@triply/tus-js-client
Version:
A pure JavaScript client for the tus resumable upload protocol
96 lines (82 loc) • 2.64 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>tus-js-client demo - File Upload</title>
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="./demo.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="container">
<h1>tus-js-client demo - File Upload</h1>
<p>
This demo shows the basic functionality of the tus protocol. You can select a file using the controls below and start/pause the upload as you wish.
</p>
<p>
For a prettier demo please go to the
<a href="http://tus.io/demo.html">tus.io</a> website.
This demo is just here to aid developers.
</p>
<p>
A demo where a video is recorded from your webcam while being simultaneously uploaded, can be found <a href="./video.html">here</a>.
</p>
<div class="alert alert-warining hidden" id="support-alert">
<b>Warning!</b> Your browser does not seem to support the features necessary to run tus-js-client. The buttons below may work but probably will fail silently.
</div>
<br>
<table>
<tr>
<td>
<label for="endpoint">
Upload endpoint:
</label>
</td>
<td>
<input type="text" id="endpoint" name="endpoint" value="https://tusd.tusdemo.net/files/">
</td>
</tr>
<tr>
<td>
<label for="chunksize">
Chunk size (bytes):
</label>
</td>
<td>
<input type="number" id="chunksize" name="chunksize">
</td>
</tr>
<tr>
<td>
<label for="paralleluploads">
Parallel upload requests:
</label>
</td>
<td>
<input type="number" id="paralleluploads" name="paralleluploads" value="1">
</td>
</tr>
</table>
<br>
<input type="file">
<br>
<br>
<div class="row">
<div class="span8">
<div class="progress progress-striped progress-success">
<div class="bar" style="width: 0%;"></div>
</div>
</div>
<div class="span4">
<button class="btn stop" id="toggle-btn">start upload</button>
</div>
</div>
<hr>
<h3>Uploads</h3>
<p id="upload-list">
Succesful uploads will be listed here. Try one!
</p>
</div>
</body>
<script src="../../dist/tus.js"></script>
<script src="./demo.js"></script>
</html>