uploadForm.tsx 766 B

123456789101112131415161718192021222324252627282930
  1. "use client";
  2. export const UploadForm = () => {
  3. return (
  4. <input
  5. type="file"
  6. name="file"
  7. onChange={async (e) => {
  8. if (e.target.files) {
  9. const formData = new FormData();
  10. Object.values(e.target.files).forEach((file) => {
  11. formData.append("file", file);
  12. });
  13. const response = await fetch("/api/upload", {
  14. method: "POST",
  15. body: formData,
  16. });
  17. const result = await response.json();
  18. if (result.success) {
  19. alert(`Upload successful: ${result.file.filename} (${result.file.size} bytes)`);
  20. } else {
  21. alert(`Upload failed: ${result.error || 'Unknown error'}`);
  22. }
  23. }
  24. }}
  25. />
  26. );
  27. };