mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-22 09:48:06 +00:00
540ec8815c
| Package | Version | Package | Version | | -------------------- | ------- | -------------------- | ------- | | @uppy/aws-s3 | 3.0.4 | @uppy/tus | 3.0.4 | | @uppy/core | 3.0.4 | @uppy/xhr-upload | 3.0.4 | | @uppy/provider-views | 3.0.2 | uppy | 3.2.2 | - @uppy/aws-s3,@uppy/tus,@uppy/xhr-upload: replace `this.getState().files` with `this.uppy.getState().files` (Artur Paikin / #4167) - @uppy/core: make cancel() and close() arguments optional in types (Merlijn Vos / #4161) - @uppy/provider-views: Fix button and input inconsistent font and style (Artur Paikin / #4162)
47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title></title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link href="https://releases.transloadit.com/uppy/v3.2.2/uppy.min.css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<noscript>You need JavaScript enabled for this example to work.</noscript>
|
|
<button id="uppyModalOpener">Open Modal</button>
|
|
|
|
<script type="module">
|
|
import {
|
|
Uppy,
|
|
Dashboard,
|
|
Webcam,
|
|
Tus,
|
|
} from "https://releases.transloadit.com/uppy/v3.2.2/uppy.min.mjs";
|
|
|
|
const uppy = new Uppy({ debug: true, autoProceed: false })
|
|
.use(Dashboard, { trigger: "#uppyModalOpener" })
|
|
.use(Webcam, { target: Dashboard })
|
|
.use(Tus, { endpoint: "https://tusd.tusdemo.net/files/" });
|
|
|
|
uppy.on("success", (fileCount) => {
|
|
console.log(`${fileCount} files uploaded`);
|
|
});
|
|
</script>
|
|
|
|
<!-- To support older browsers, you can use the legacy bundle which adds a global `Uppy` object. -->
|
|
<script nomodule src="https://releases.transloadit.com/uppy/v3.2.2/uppy.legacy.min.js"></script>
|
|
<script nomodule>
|
|
{
|
|
const { Dashboard, Webcam, Tus } = Uppy;
|
|
const uppy = new Uppy.Uppy({ debug: true, autoProceed: false })
|
|
.use(Dashboard, { trigger: "#uppyModalOpener" })
|
|
.use(Webcam, { target: Dashboard })
|
|
.use(Tus, { endpoint: "https://tusd.tusdemo.net/files/" });
|
|
|
|
uppy.on("success", function (fileCount) {
|
|
console.log(`${fileCount} files uploaded`);
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|