diff --git a/site/content/docs/02-template-syntax.md b/site/content/docs/02-template-syntax.md index 070dc46687..63bc9f19e7 100644 --- a/site/content/docs/02-template-syntax.md +++ b/site/content/docs/02-template-syntax.md @@ -544,6 +544,23 @@ Numeric input values are coerced; even though `input.value` is a string as far a ``` +##### File input bindings + +--- + +On `` elements with `type="file"`, you can use `bind:files` to get the [list of selected files](https://developer.mozilla.org/en-US/docs/Web/API/FileList). + +```sv + + +``` + ##### Binding ` + + + + +{#if files} +

Selected files:

+{#each Array.from(files) as file} +

{file.name} ({file.size} bytes)

+{/each} +{/if} + + diff --git a/site/content/examples/05-bindings/12-file-inputs/meta.json b/site/content/examples/05-bindings/12-file-inputs/meta.json new file mode 100644 index 0000000000..92d0587e87 --- /dev/null +++ b/site/content/examples/05-bindings/12-file-inputs/meta.json @@ -0,0 +1,3 @@ +{ + "title": "File inputs" +} diff --git a/site/static/examples/thumbnails/file-inputs.jpg b/site/static/examples/thumbnails/file-inputs.jpg new file mode 100644 index 0000000000..5996347885 Binary files /dev/null and b/site/static/examples/thumbnails/file-inputs.jpg differ