test-upload.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>File Upload Test</title>
  5. </head>
  6. <body>
  7. <h1>File Upload Test</h1>
  8. <input type="file" id="fileInput" />
  9. <button onclick="uploadFile()">Upload</button>
  10. <button onclick="listFiles()">List Files</button>
  11. <div id="result"></div>
  12. <script>
  13. async function uploadFile() {
  14. const fileInput = document.getElementById('fileInput');
  15. const file = fileInput.files[0];
  16. if (!file) {
  17. alert('Please select a file');
  18. return;
  19. }
  20. const formData = new FormData();
  21. formData.append('file', file);
  22. try {
  23. const response = await fetch('/api/upload', {
  24. method: 'POST',
  25. body: formData,
  26. });
  27. const result = await response.json();
  28. document.getElementById('result').innerHTML = JSON.stringify(result, null, 2);
  29. } catch (error) {
  30. document.getElementById('result').innerHTML = 'Error: ' + error.message;
  31. }
  32. }
  33. async function listFiles() {
  34. try {
  35. const response = await fetch('/api/files');
  36. const result = await response.json();
  37. document.getElementById('result').innerHTML = JSON.stringify(result, null, 2);
  38. } catch (error) {
  39. document.getElementById('result').innerHTML = 'Error: ' + error.message;
  40. }
  41. }
  42. </script>
  43. </body>
  44. </html>