Skip to content

Commit c3cc377

Browse files
committed
form demo
1 parent a2422dc commit c3cc377

File tree

2 files changed

+18
-5
lines changed

2 files changed

+18
-5
lines changed

demo/src/routes/form/+page.server.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@ export const actions = {
33
const formData: FormData = await request.formData();
44
const files = formData.getAll('files');
55

6-
return { files };
6+
return { files: files.map((f) => (f as any).name) };
77
}
88
};

demo/src/routes/form/+page.svelte

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,32 @@
33
import { page } from '$app/stores';
44
import Dropzone from '../../../../src/lib/components/Dropzone.svelte';
55
6-
$: console.log($page.form);
6+
let files: string[] = [];
7+
8+
function handleFilesSelect(e: any) {
9+
const { acceptedFiles } = e.detail;
10+
files = [...acceptedFiles];
11+
}
712
</script>
813

914
<form method="POST" action="?/postFiles" use:enhance enctype="multipart/form-data">
10-
<Dropzone name="files" />
15+
<Dropzone on:drop={handleFilesSelect} name="files" />
1116

1217
<button>Go</button>
1318
</form>
1419

15-
Files Posted:
20+
Files about to upload:
21+
<ul>
22+
{#each files as file}
23+
<li>{file.name}</li>
24+
{/each}
25+
</ul>
26+
27+
<hr />
1628

29+
Files posted to form action:
1730
<ul>
18-
{#each [] as file}
31+
{#each $page.form?.files ?? [] as file}
1932
<li>{file}</li>
2033
{/each}
2134
</ul>

0 commit comments

Comments
 (0)