uppy/examples/xhr-bundle
Prakash 5519b84409
@uppy: upgrade biome and more improvements (#6244)
- This PR upgrades `biome` from `2.0.5` -> `2.1.2` and adds two new
rules
-
[noUnusedImports](https://biomejs.dev/linter/rules/no-unused-private-class-members)
( we already had suppressions for this rule in code, but the rule itself
was never enabled in the config )
-
[noUnusedPrivateClassMembers](https://biomejs.dev/linter/rules/no-unused-private-class-members/)
- remove stale suppressions. 
- remove stale code.

---------

Co-authored-by: Mikael Finstad <finstaden@gmail.com>
2026-05-21 12:28:03 +08:00
..
index.html @uppy: upgrade biome and more improvements (#6244) 2026-05-21 12:28:03 +08:00
main.js Fix @uppy/examples (#6099) 2025-12-08 09:48:23 +01:00
package.json upgrade to express v5 (#6304) 2026-05-21 11:14:23 +08:00
README.md meta: enable prettier for markdown (#5133) 2024-05-02 11:35:55 +02:00
server.cjs @uppy/companion: fix (breaking) todo comments (#5802) 2025-07-23 13:50:49 +02:00

XHR Bundle Upload

This example uses Uppy with XHRUpload plugin in bundle mode. Bundle mode uploads all files to the endpoint in a single request, instead of firing off a new request for each file. This makes uploading a bit slower, but it may be easier to handle on the server side, depending on your setup.

server.cjs contains an example express.js server that receives a multipart form-data upload and responds with some information about the files that were received (name, size) as JSON. It uses multer to parse the upload stream.

Run it

To run this example, make sure you've correctly installed the repository root:

corepack yarn install
corepack yarn build

That will also install the dependencies for this example.

Then, again in the repository root, start this example by doing:

corepack yarn workspace @uppy-example/xhr-bundle start