File tree Expand file tree Collapse file tree 2 files changed +18
-5
lines changed Expand file tree Collapse file tree 2 files changed +18
-5
lines changed Original file line number Diff line number Diff line change @@ -3,6 +3,6 @@ export const actions = {
3
3
const formData : FormData = await request . formData ( ) ;
4
4
const files = formData . getAll ( 'files' ) ;
5
5
6
- return { files } ;
6
+ return { files : files . map ( ( f ) => ( f as any ) . name ) } ;
7
7
}
8
8
} ;
Original file line number Diff line number Diff line change 3
3
import { page } from ' $app/stores' ;
4
4
import Dropzone from ' ../../../../src/lib/components/Dropzone.svelte' ;
5
5
6
- $ : console .log ($page .form );
6
+ let files: string [] = [];
7
+
8
+ function handleFilesSelect(e : any ) {
9
+ const { acceptedFiles } = e .detail ;
10
+ files = [... acceptedFiles ];
11
+ }
7
12
</script >
8
13
9
14
<form method =" POST" action =" ?/postFiles" use:enhance enctype =" multipart/form-data" >
10
- <Dropzone name =" files" />
15
+ <Dropzone on:drop ={ handleFilesSelect } name =" files" />
11
16
12
17
<button >Go</button >
13
18
</form >
14
19
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 />
16
28
29
+ Files posted to form action:
17
30
<ul >
18
- {#each [] as file }
31
+ {#each $page . form ?. files ?? [] as file }
19
32
<li >{file }</li >
20
33
{/each }
21
34
</ul >
You can’t perform that action at this time.
0 commit comments