曲を投稿できるようにする

2024-02-13 11:58:04 +09:00
parent a318a177ea
commit 1b03e5d0e7
6 changed files with 146 additions and 17 deletions
--- a/public/upload/index.html
+++ b/public/upload/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>太鼓ウェブあっぷろーだー</title>
+    <link rel="stylesheet" href="./style.css">
+    <script src="./upload.js"></script>
+  </head>
+  <body>
+    <h1>太鼓ウェブあっぷろーだー</h1>
+
+    <form id="upload-form" enctype="multipart/form-data">
+      <label for="file_tja">TJA ファイル:</label>
+      <input type="file" name="file_tja" accept=".tja" required><br>
+
+      <label for="file_music">音楽ファイル:</label>
+      <input type="file" name="file_music" accept=".ogg,.mp3,.wav" required><br>
+
+      <br>
+      <button type="button" onclick="uploadFiles()">今すぐ投稿！ (30秒ほどかかる場合があります)</button>
+    </form>
+
+    <br>
+    <div id="error-view"></div>
+  </body>
+</html>