60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Аналог DropMeFiles</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
</head>
|
|
<body>
|
|
<div id="uploadPage">
|
|
<div id="errorPopup" class="error-popup" style="display: none;"></div>
|
|
<div class="page-content">
|
|
<h1>Аналог DropMeFiles</h1>
|
|
<div class="upload-container">
|
|
<form id="uploadForm">
|
|
<label class="dropzone" id="dropzone">
|
|
<input id="fileInput" type="file">
|
|
<p class="strong">Перетащите файл сюда или нажмите, чтобы выбрать</p>
|
|
<p>Максимальный размер файла: <span id="maxFileSize">загрузка...</span></p>
|
|
</label>
|
|
<div class="button-container">
|
|
<button type="submit" id="uploadButton" disabled>Загрузить</button>
|
|
</div>
|
|
</form>
|
|
<div id="successContent" class="success-content" style="display: none;">
|
|
<div class="file-info">
|
|
<h2 id="successFileName"></h2>
|
|
<p class="file-size" id="successFileSize"></p>
|
|
<div class="download-link-container">
|
|
<input type="text" id="downloadLinkInput" readonly class="download-link-input">
|
|
<button type="button" id="copyLinkButton" class="copy-link-button">Копировать</button>
|
|
</div>
|
|
<button type="button" id="uploadAnotherButton" class="upload-another-button">Загрузить другой файл</button>
|
|
</div>
|
|
</div>
|
|
<div class="status" id="status"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="downloadPage" style="display: none;">
|
|
<div class="page-content">
|
|
<h1>Скачать файл</h1>
|
|
<div class="upload-container">
|
|
<div class="status" id="downloadStatus">Загрузка...</div>
|
|
<div id="downloadContent"></div>
|
|
<div id="downloadProgress" class="download-progress" style="display: none;">
|
|
<div class="progress-bar-container">
|
|
<div class="progress-bar" id="progressBar"></div>
|
|
</div>
|
|
<p class="progress-text" id="progressText">0%</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/script.js"></script>
|
|
</body>
|
|
</html>
|