56 lines
2.0 KiB
HTML
56 lines
2.0 KiB
HTML
{{define "content"}}
|
|
<form id="upload" class="card" method="post" action="{{.Base}}api/upload" enctype="multipart/form-data">
|
|
<!-- Field order is load-bearing: the server streams this body and must know
|
|
the credentials and options before the file part arrives. -->
|
|
<label class="field">
|
|
<span>Token <em>optional</em></span>
|
|
<input type="password" name="token" id="token" autocomplete="off" placeholder="anonymous">
|
|
</label>
|
|
|
|
<div class="row">
|
|
<label class="field">
|
|
<span>Expires in</span>
|
|
<input type="text" name="expiry" id="expiry" placeholder="{{.DefaultExpiry}}" autocomplete="off">
|
|
</label>
|
|
<label class="field" id="vanity-field">
|
|
<span>Vanity name <em>token only</em></span>
|
|
<input type="text" name="vanity" id="vanity" placeholder="auto" autocomplete="off"
|
|
pattern="[A-Za-z0-9][A-Za-z0-9._-]{1,63}">
|
|
</label>
|
|
</div>
|
|
|
|
<div class="drop" id="drop">
|
|
<input type="file" name="file" id="file" required>
|
|
<p class="hint" id="drop-hint">Choose a file, or drop one here.</p>
|
|
</div>
|
|
|
|
<div class="progress" id="progress" hidden>
|
|
<div class="bar"><div class="fill" id="bar-fill"></div></div>
|
|
<p class="hint" id="progress-text"></p>
|
|
</div>
|
|
|
|
<button type="submit" id="submit">Upload</button>
|
|
<p class="hint" id="error" hidden></p>
|
|
</form>
|
|
|
|
<section class="limits">
|
|
<h2>Current limits</h2>
|
|
<dl id="limits">
|
|
<dt>Maximum size</dt><dd id="limit-size">{{.MaxSize}}</dd>
|
|
<dt>Longest lifetime</dt><dd id="limit-expiry">{{.MaxExpiry}}</dd>
|
|
<dt>Default lifetime</dt><dd id="limit-default">{{.DefaultExpiry}}</dd>
|
|
<dt>Vanity names</dt><dd id="limit-vanity">requires a token</dd>
|
|
</dl>
|
|
</section>
|
|
|
|
<section class="cli">
|
|
<h2>From the command line</h2>
|
|
<pre><code>curl --data-binary @file.zip \
|
|
-H 'Content-Disposition: attachment; filename="file.zip"' \
|
|
-H 'Authorization: Bearer <token>' \
|
|
-H 'Vanity: my-file' \
|
|
-H 'Expiry: 3d' \
|
|
{{.AbsBase}}api/upload</code></pre>
|
|
</section>
|
|
{{end}}
|