kit
kit copied to clipboard
feat: File Upload Progress
see #14773
Builds on #14775 to use XHRs for file upload progress in forms:
<script>
import { uploadForm } from './upload.remote';
</script>
<form {...uploadForm} enctype="multipart/form-data">
<input {...uploadForm.fields.file.as('file')} />
<p>Progress: {(uploadForm.fields.file.progress().uploaded / (uploadForm.fields.file.progress().total).toFixed(2)}%</p>
<button>Upload</button>
</form>
Please don't delete this checklist! Before submitting the PR, please make sure you do the following:
- [x] It's really useful if your PR references an issue where it is discussed ahead of time. In many cases, features are absent for a reason. For large changes, please create an RFC: https://github.com/sveltejs/rfcs
- [x] This message body should clearly illustrate what problems it solves.
- [x] Ideally, include a test that fails without this PR but passes with it.
Tests
- [x] Run the tests with
pnpm testand lint the project withpnpm lintandpnpm check
Changesets
- [x] If your PR makes a change that should be noted in one or more packages' changelogs, generate a changeset by running
pnpm changesetand following the prompts. Changesets that add features should beminorand those that fix bugs should bepatch. Please prefix changeset messages withfeat:,fix:, orchore:.
Edits
- [x] Please ensure that 'Allow edits from maintainers' is checked. PRs without this option may be closed.
🦋 Changeset detected
Latest commit: eee49935f805048555e9c7e454298106d948ea15
The changes in this PR will be included in the next version bump.
This PR includes changesets to release 1 package
| Name | Type |
|---|---|
| @sveltejs/kit | Minor |
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
paging @Rich-Harris to see if this can go out with #14775 :-)