12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- <!-- Load Uppy CSS bundle. It is advisable to install Uppy
- from npm/yarn instead, and pick and choose the plugins/styles you need.
- But for experimenting, you can use Transloadit’s CDN, Edgly: -->
- <link rel="stylesheet" href="https://releases.transloadit.com/uppy/v2.5.1/uppy.min.css">
- <div class="UppyDragDrop"></div>
- <div class="for-ProgressBar"></div>
- <div class="uploaded-files">
- <h5>Uploaded files:</h5>
- <ol></ol>
- </div>
- <!-- Load Uppy JS bundle. -->
- <script src="https://releases.transloadit.com/uppy/v2.5.1/uppy.min.js" type="module"></script>
- <script src="https://releases.transloadit.com/uppy/v2.5.1/uppy.legacy.min.js" nomodule></script>
- <script src="https://releases.transloadit.com/uppy/locales/v2.0.6/ru_RU.min.js"></script>
- <script>
- window.addEventListener('DOMContentLoaded', function () {
- 'use strict';
- var uppy = new Uppy.Core({
- debug: true,
- autoProceed: true,
- locale: Uppy.locales.ru_RU
- });
- uppy.use(Uppy.DragDrop, {
- target: '.UppyDragDrop',
- // We are using the ru_RU locale pack (set above in Uppy.Core options),
- // but you can also override specific strings like so:
- locale: {
- strings: {
- browse: 'выберите ;-)'
- }
- }
- });
- uppy.use(Uppy.ProgressBar, {
- target: '.for-ProgressBar',
- hideAfterFinish: false
- });
- uppy.use(Uppy.Tus, { endpoint: 'https://tusd.tusdemo.net/files/' });
- uppy.on('upload-success', function (file, response) {
- var url = response.uploadURL
- var fileName = file.name
- document.querySelector('.uploaded-files ol').innerHTML +=
- '<li><a href="' + url + '" target="_blank">' + fileName + '</a></li>'
- });
- console.log('--> Uppy pre-built version with Tus, DragDrop & Russian language pack has loaded');
- window.uppy = uppy;
- });
- </script>
|