uppy/examples/cdn-example/index.html
github-actions[bot] de1b4abe47
Release: uppy@3.20.0 (#4804)
| Package                | Version | Package                | Version |
| ---------------------- | ------- | ---------------------- | ------- |
| @uppy/companion-client |   3.6.1 | @uppy/store-default    |   3.1.0 |
| @uppy/locales          |   3.5.0 | uppy                   |  3.20.0 |

- meta: uppy CDN: Export UIPlugin and BasePlugin (Artur Paikin / #4774)
- @uppy/locales: Add missing translations to de_DE (Leonhard Melzer / #4800)
- @uppy/store-default: refactor to typescript (Antoine du Hamel / #4785)
- meta: improve js2ts script (Antoine du Hamel / #4786)
- @uppy/companion-client: fix log type error (Mikael Finstad / #4766)
- @uppy/companion-client: revert breaking change (Antoine du Hamel / #4801)
- @uppy/locales: use TypeScript for source files (Antoine du Hamel / #4779)
- meta: migrate AWS SDK v2 to v3 in `bin/uploadcdn` (Trivikram Kamat / #4776)
2023-11-24 00:32:49 +00:00

53 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.20.0/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.20.0/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.20.0/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>