diff options
| author | ilotterytea <iltsu@alright.party> | 2025-06-02 01:59:00 +0400 |
|---|---|---|
| committer | ilotterytea <iltsu@alright.party> | 2025-06-02 01:59:00 +0400 |
| commit | 2f2b152860de21c12adebafc25a3b5d75cdf3853 (patch) | |
| tree | a874829ab1cb3ea8c2ffcd32ac191610700690e6 /public/uploaders.php | |
| parent | 352ad8ee0ec3ecb676eda574331f8674e93f391d (diff) | |
feat: info for file uploader software
Diffstat (limited to 'public/uploaders.php')
| -rw-r--r-- | public/uploaders.php | 178 |
1 files changed, 178 insertions, 0 deletions
diff --git a/public/uploaders.php b/public/uploaders.php new file mode 100644 index 0000000..57cf8b4 --- /dev/null +++ b/public/uploaders.php @@ -0,0 +1,178 @@ +<?php +include_once $_SERVER['DOCUMENT_ROOT'] . '/../config.php'; +include_once $_SERVER['DOCUMENT_ROOT'] . '/../lib/partials.php'; + +$file_types = []; + +foreach (FILE_ACCEPTED_MIME_TYPES as $k => $v) { + $type = ucfirst(explode('/', $v)[0]); + if (!array_key_exists($type, $file_types)) { + $file_types[$type] = []; + } + + if (!in_array($k, $file_types[$type])) { + array_push($file_types[$type], $k); + } +} +?> +<html> + +<head> + <title>Uploaders - <?= INSTANCE_NAME ?></title> + <link rel="stylesheet" href="/static/style.css"> + <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon"> + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> +</head> + +<body> + <main> + <?php html_big_navbar() ?> + + <section class="column gap-16"> + <div> + <h1>File Uploaders</h1> + <p>Configure your software to work with <?= INSTANCE_NAME ?></p> + </div> + + <!-- SOFTWARE --> + <div class="row gap-8"> + <!-- SHAREX --> + <section class="column"> + <div class="column"> + <h2>ShareX</h2> + <p class="small-font">(Destinations → Custom uploader settings → New)</p> + </div> + <table class="vertical"> + <tr> + <th>Name:</th> + <td><code><?= INSTANCE_NAME ?></code></td> + </tr> + <tr> + <th>Request URL:</th> + <td><code class="copy"><?= INSTANCE_URL ?>/upload.php</code></td> + </tr> + <tr> + <th>Destination type:</th> + <td><code>Image uploader</code></td> + </tr> + <tr> + <th>Method:</th> + <td><code>POST</code></td> + </tr> + <tr> + <th>Body:</th> + <td><code>Form data (multipart/form-data)</code></td> + </tr> + <tr> + <th>Headers:</th> + <td><code>Accept: application/json</code></td> + </tr> + <tr> + <th>File form name:</th> + <td><code class="copy">file</code></td> + </tr> + <tr> + <th>URL:</th> + <td><code class="copy">{json:data.urls.download_url}</code></td> + </tr> + </table> + <p>Then, select it via <b>Destinations → Image uploader → Custom image + uploader</b></p> + </section> + + <!-- CHATTERINO --> + <section class="column"> + <div class="column"> + <h2>Chatterino</h2> + <p class="small-font">(Settings → External tools → Image Uploader)</p> + </div> + <table class="vertical"> + <tr> + <th>Request URL:</th> + <td><code class="copy"><?= INSTANCE_URL ?>/upload.php</code></td> + </tr> + <tr> + <th>Form field:</th> + <td><code class="copy">file</code></td> + </tr> + <tr> + <th>Extra headers:</th> + <td><code class="copy">Accept: application/json</code></td> + </tr> + <tr> + <th>Image link:</th> + <td><code class="copy">{data.urls.download_url}</code></td> + </tr> + </table> + </section> + </div> + + <!-- API --> + <section class="column gap-16"> + <h2>API</h2> + <div class="column"> + <h3>Endpoint</h3> + <hr> + <p><code>POST <span class="copy"><?= INSTANCE_URL ?>/upload.php</span></code></p> + </div> + + <div> + <h3>Request Format</h3> + <hr> + <table class="vertical"> + <tr> + <th>Method:</th> + <td><code>POST</code></td> + </tr> + <tr> + <th>Content-Type:</th> + <td><code>multipart/form-data</code></td> + </tr> + <tr> + <th>Headers:</th> + <td><code>Accept: application/json</code></td> + </tr> + <tr> + <th>File field:</th> + <td><code>file</code></td> + </tr> + <tr> + <th>Max file size:</th> + <td><code><?= get_cfg_var("upload_max_filesize") ?></code></td> + </tr> + </table> + </div> + + <div class="column" id="supported-file-extensions"> + <h3>Supported file extensions</h3> + <hr> + <table class="vertical"> + <?php foreach ($file_types as $type => $exts): ?> + <tr> + <th><?= $type ?>:</th> + <td style="text-align: justify"><?= implode(' ', $exts) ?></td> + </tr> + <?php endforeach; ?> + </table> + </div> + </section> + </section> + </main> +</body> + +<script> + const copyButtons = document.querySelectorAll(".copy"); + for (const copyButton of copyButtons) { + const content = copyButton.innerHTML; + const button = document.createElement("button"); + + button.innerHTML = '<img src="/static/img/icons/paste_plain.png" alt="Copy" />'; + button.addEventListener("click", () => { + navigator.clipboard.writeText(content); + }); + + copyButton.parentElement.appendChild(button); + } +</script> + +</html>
\ No newline at end of file |