| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>File Upload Test</title>
- </head>
- <body>
- <h1>File Upload Test</h1>
- <input type="file" id="fileInput" />
- <button onclick="uploadFile()">Upload</button>
- <button onclick="listFiles()">List Files</button>
- <div id="result"></div>
- <script>
- async function uploadFile() {
- const fileInput = document.getElementById('fileInput');
- const file = fileInput.files[0];
- if (!file) {
- alert('Please select a file');
- return;
- }
- const formData = new FormData();
- formData.append('file', file);
- try {
- const response = await fetch('/api/upload', {
- method: 'POST',
- body: formData,
- });
- const result = await response.json();
- document.getElementById('result').innerHTML = JSON.stringify(result, null, 2);
- } catch (error) {
- document.getElementById('result').innerHTML = 'Error: ' + error.message;
- }
- }
- async function listFiles() {
- try {
- const response = await fetch('/api/files');
- const result = await response.json();
- document.getElementById('result').innerHTML = JSON.stringify(result, null, 2);
- } catch (error) {
- document.getElementById('result').innerHTML = 'Error: ' + error.message;
- }
- }
- </script>
- </body>
- </html>
|