-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathupload.html
68 lines (60 loc) · 2.95 KB
/
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
68
<!-- welcome alertbox -->
<div class="alert alert-info fade in">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>Welcome!</h4>
hushfile is a file sharing service where the file is <b>encrypted before upload</b>. This enables you to share files while <b>keeping them private</b> from server operators and eavesdroppers. Just pick a file and it will be <b>encrypted in your browser</b> before it is uploaded. When the process is finished you will receive a link which you can share with anyone you wish. Just <b>keep the link secret</b>, it contains the password to decrypt the file!
</div>
<!-- file select button -->
<div style="text-align: center;" id="fileselectdiv">
<form class="form-horizontal">
<div class="fileupload fileupload-new" data-provides="fileupload">
<span class="btn btn-file"><span class="fileupload-new"><i style="color: green;" class="icon-cloud-upload icon-4x"></i><h5 style="margin-top: -0.3em;">Click to upload file</h5></span><input type="file" id="files" style="width: 100%; height: 100%; transform:none"></span>
<span class="fileupload-preview"></span>
</div>
<input class="input-large" type="text" id="password" name="password" style="display: none;">
</form>
</div>
<!-- upload button -->
<div style="display: none;" id="uploadbuttondiv">
<form class="form-horizontal">
<button class="btn btn-primary" onclick="hfDoUpload();">Upload</button>
</form>
</div>
<!-- file read progress div -->
<div id="read_progress_div" style="display: none;">
<p>
<i id="readingdone" class="icon-check-empty"></i> <b>Reading file...</b>
<div class="progress progress-striped" id="read_progress_bar" style="width: 20em;">
<div id="filereadpercentbar" class="loadpercent bar bar-success">0%</div>
</div>
</p>
</div>
<!-- file info div -->
<div id="file_info_div" style="display: none;">
<table class="table table-condensed">
<tr><td>Filename</td><td id="filename"> </td></tr>
<tr><td>Mime type</td><td id="mimetype"> </td></tr>
<tr><td>File size</td><td id="filesize"> </td></tr>
<tr><td>Number of chunks</td><td id="chunkcount"> </td></tr>
<tr><td>Chunks finished</td><td id="chunksdone"> </td></tr>
</table>
</div>
<!-- encrypting div -->
<div id="encrypting" style="display: none;">
<p>
<i id="encryptingdone" class="icon-check-empty"></i> <b>Encrypting...</b>
</p>
</div>
<!-- uploading div -->
<div id="uploading" style="display: none;">
<p>
<i id="uploaddone" class="icon-check-empty"></i> <b>Uploading...</b>
<div class="progress progress-striped" id="upload_progress_bar" style="width: 20em;">
<div id="uploadprogressbar" class="uploadpercent bar bar-success">0%</div>
</div>
</p>
</div>
<!-- response div -->
<div class="alert alert-info" id="response" style="display: none;">
<h4>Response</h4>
</div>