Bundle & i18n Example

Here you’ll see a demo of how you might use internationalization (i18n) in Uppy, as well as how to load Uppy using a pre-bundled version (CDN).

Console output (latest logs are at the top):

To load the pre-built bundle (from a CDN) we’re using the following HTML and JavaScript:

<!-- Basic Uppy styles. You can use Transloadit's CDN, Edgly:
https://transloadit.edgly.net/releases/uppy/v0.30.0/dist/uppy.min.css -->
<link rel="stylesheet" href="/uppy/uppy.min.css">

<div class="UppyDragDrop"></div>

<!-- Load Uppy pre-built bundled version. You can use Transloadit's CDN, Edgly:
https://transloadit.edgly.net/releases/uppy/v0.30.0/dist/uppy.min.js -->
<script src="/uppy/uppy.min.js"></script>
  var uppy = Uppy.Core({ debug: true, autoProceed: true });
  uppy.use(Uppy.DragDrop, {
    target: '.UppyDragDrop',
    locale: {
      strings: {
        dropHereOr: 'Перенесите файлы сюда или %{browse}',
        browse: 'выберите'
  uppy.use(Uppy.ProgressBar, { target: 'body', fixed: true, hideAfterFinish: false });
  uppy.use(Uppy.Tus, { endpoint: 'https://master.tus.io/files/' });

  console.log('--> Uppy pre-built version with Tus, DragDrop & Russian language pack has loaded');

Please see documentation for details.

Hey there stranger! Uppy is actively developed and the example section is our playground. Things might not work, but we're working hard to improve.

We're on a monthly release cycle and our latest version is v0.30.0, but the example pages reflect the latest work in our master branch. Here's what changed in master since v0.30.0 in terms of commits, while the CHANGELOG provides a higher level view of the things planned for our next release.

Files from the examples are uploaded to our test servers and deleted daily.