kit icon indicating copy to clipboard operation
kit copied to clipboard

feat: File Upload Progress

Open ottomated opened this issue 2 months ago • 2 comments

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 test and lint the project with pnpm lint and pnpm 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 changeset and following the prompts. Changesets that add features should be minor and those that fix bugs should be patch. Please prefix changeset messages with feat:, fix:, or chore:.

Edits

  • [x] Please ensure that 'Allow edits from maintainers' is checked. PRs without this option may be closed.

ottomated avatar Nov 02 '25 07:11 ottomated

🦋 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

changeset-bot[bot] avatar Nov 02 '25 07:11 changeset-bot[bot]

paging @Rich-Harris to see if this can go out with #14775 :-)

ottomated avatar Nov 20 '25 22:11 ottomated