blob: 44f6ace0152c05ebcdd9e8559a6b69603818a68d (
plain)
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
69
70
71
72
73
74
75
|
{{template "header.html" "Image uploader"}}
{{template "navbar.html"}}
{{template "modal_uploaded.html"}}
{{template "modal_error.html"}}
<div class="jumbotron">
<div class="container">
<h1>
<i class="fa fa-picture-o"></i>
Image Uploader</h1>
<p>
Quick, reliable image uploading.
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>
<i class="fa fa-upload"></i>
From File
</h2>
<p>
<form method="POST" action="/api/v1/url" enctype="multipart/form-data">
<input id="file" name="image" type="file" data-filename-placement="inside" title="Search for a file to add">
<br>
<a href="/api/v1/file" class="btn btn-material-indigo-A700 btn-upload hidden" id="imageSubmit" data-loading-text="Uploading..." autocomplete="off">Upload!</a>
</form>
</p>
</div>
<div class="col-md-6">
<h2>
<i class="fa fa-link"></i>
From URL
</h2>
<p>
<form method="POST" action="/api/v1/url" enctype="multipart/form-data">
<input id="urlBar" name="image" class="form-control expand" placeholder="Link to image" type="text">
<br>
<a class="btn btn-material-indigo-A700 btn-upload hidden" id="urlSubmit" data-loading-text="Uploading..." autocomplete="off">Fetch the image!</a>
</form>
</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h2>
<i class="fa fa-file-code-o"></i>
From Data URI
</h2>
<p>
<form method="POST" action="/api/v1/base64" enctype="multipart/form-data">
<input id="base64Bar" name="image" class="form-control expand" placeholder="Base64 encoded image" type="text">
<br>
<a class="btn btn-material-indigo-A700 btn-upload hidden" id="base64Submit" data-loading-text="Uploading..." autocomplete="off">Decode the image!</a>
</form>
</p>
</div>
<div class="col-md-6">
<h2>
<i class="fa fa-exchange"></i>
REST-Like API</h2>
<p>We provice a interface for easy access without your web browser. <br>
<a href="/api" title="API Documentation" class="btn btn-material-indigo-A700"><span class="fa fa-info-circle"></span> Read here more! »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2><i class="fa fa-terminal"></i> CLI Program</h2>
<p><strong>TODO:</strong> Use the image hoster direct from the command line.</p>
</div>
</div>
</div>
{{template "footer.html"}}
|
