uppy/examples/cdn-example/index.html
github-actions[bot] 15245833e9
Release: uppy@3.13.1 (#4600)
| Package                | Version | Package                | Version |
| ---------------------- | ------- | ---------------------- | ------- |
| @uppy/aws-s3-multipart |   3.5.2 | uppy                   |  3.13.1 |
| @uppy/utils            |   5.4.3 |                        |         |

- @uppy/utils: align version of `preact` with the UI plugins (Antoine du Hamel / #4599)
- @uppy/aws-s3-multipart: refresh file before calling user-defined functions (mjlumetta / #4557)
- @uppy/utils: align version of `preact` with the UI plugins (Antoine du Hamel / #4599)
2023-07-24 20:43:34 +00:00

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.13.1/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.13.1/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.13.1/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>