-
Notifications
You must be signed in to change notification settings - Fork 1
/
simple_upload.html
67 lines (54 loc) · 2.82 KB
/
simple_upload.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
{% extends 'base.html' %}
{% load static %}
{% block content %}
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
<input type="file" name="myfile">
<button type="submit">Upload</button>
</form>
{% if uploaded_file_url %}
<video id="my_video_1" class="video-js vjs-default-skin" width="640px" height="267px"
controls preload="none" poster='http://video-js.zencoder.com/oceans-clip.jpg'
data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }'>
<source src="{{ uploaded_file_url }}" type='video/mp4' />
</video>
<p>File uploaded at: <a href="{{ uploaded_file_url }}">{{ uploaded_file_url }}</a></p>
<div id="log" style="width:100%; height:90%; overflow:auto;"></div>
<script language="javascript" type="text/JavaScript">
var iteration = 0;
function getLog(log, lines) {
var url = "/uploads/simple?log=" + log + "&lines=" + lines;
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
}
function tail(command,log,lines) {
if (command == "start") {
document.getElementById("watchStart").disabled = true;
document.getElementById("watchStop").disabled = false;
timer = setInterval(function() { iteration++; getLog(log, iteration);},5000);
} else {
document.getElementById("watchStart").disabled = false;
document.getElementById("watchStop").disabled = true;
clearTimeout(timer);
}
}
function updatePage() {
if (request.readyState == 4) {
if (request.status == 200) {
//var currentLogValue = request.responseText.split("\n");
//eval(currentLogValue);
document.getElementById("log").innerHTML = request.responseText;
}
}
}
var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : (window.ActiveXObject ? new window.ActiveXObject("Microsoft.XMLHTTP") : false);
</script>
<td style="width:100px;">Watch</td>
<td>
<input type="button" style="width:40px; 0px" id="watchStart" name="watch" value="Start" onclick="tail('start', 'logfile.log', 100);">
<input type="button" style="width:40px; 0px" id="watchStop" name="watch" value="Stop" disabled=true onclick="tail('stop','','');">
</td>
{% endif %}
<p><a href="{% url 'home' %}">Return to home</a></p>
{% endblock %}