Get started with plupload CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with plupload CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/plupload/3.1.5/plupload.queue.css" />
    <script src="https://cdn.cdnhub.io/plupload/3.1.5/plupload.full.min.js"></script>
</head>
<body>
    <div id="file-upload">
        <input id="file-input" type="file" multiple />
        <button id="start-button" class="button">Start</button>
    </div>

    <script>
        const uploader = new plupload.Uploader({
            runtimes: 'html5,flash,silverlight,html4',
            browse_button: 'file-input',
            container: 'file-upload',
            url: 'http://example.com/upload.php',
            flash_swf_url: 'path/to/plupload-flash.swf',
            silverlight_xap_url: 'path/to/plupload-silverlight.xap',
            filters: {
                max_file_size: 10 * 1024 * 1024, // 10MB
                mime_types: [
                    {title: "Image files", extensions: "jpg,jpeg,png,gif"}
                ]
            },
            init: {
                PostInit: function() {
                    console.log('PostInit');
                },
                FilesAdded: function(up, files) {
                    console.log('Files added');
                },
                BeforeUpload: function(up, file) {
                    console.log('Before upload');
                },
                UploadProgress: function(up, file) {
                    console.log('Upload progress');
                },
                Error: function(up, err) {
                    console.log('Error', err);
                },
                FileUploaded: function(up, file, response) {
                    console.log('File uploaded', file.name, response.response);
                },
                QueueEmpty: function() {
                    console.log('Queue empty');
                }
            }
        });

        uploader.init();

        document.getElementById('start-button').addEventListener('click', function() {
            uploader.start();
        });
    </script>
</body>
</html>

https://cdn.cdnhub.io/plupload/3.1.5/Moxie.swf Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ar.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ar.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/az.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/az.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/bg.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/bg.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/bs.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/bs.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ca.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ca.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/cs.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/cs.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/cy.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/cy.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/da.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/da.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/de.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/de.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/el.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/el.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/en.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/en.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/es.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/es.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/et.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/et.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/fa.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/fa.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/fi.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/fi.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/fr.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/fr.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/he.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/he.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/hr.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/hr.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/hu.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/hu.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/hy.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/hy.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/id.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/id.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/it.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/it.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ja.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ja.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ka.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ka.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/kk.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/kk.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/km.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/km.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ko.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ko.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ku_IQ.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ku_IQ.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/lt.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/lt.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/lv.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/lv.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ms.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ms.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/nl.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/nl.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/pl.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/pl.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/pt.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/pt.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/pt_BR.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/pt_BR.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ro.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ro.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ru.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/ru.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sk.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sk.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sl.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sl.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sq.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sq.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sr.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sr.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sv.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/sv.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/th_TH.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/th_TH.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/tr.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/tr.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/uk_UA.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/uk_UA.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/vi.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/vi.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/zh_CN.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/zh_CN.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/zh_TW.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/i18n/zh_TW.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/css/jquery.plupload.queue.css Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/css/jquery.plupload.queue.min.css Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/backgrounds.gif Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/buttons-disabled.png Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/buttons.png Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/delete.gif Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/done.gif Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/error.gif Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/throbber.gif Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/img/transp50.png Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/jquery.plupload.queue.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.plupload.queue/jquery.plupload.queue.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.ui.plupload/css/jquery.ui.plupload.css Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.ui.plupload/css/jquery.ui.plupload.min.css Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.ui.plupload/img/loading.gif Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.ui.plupload/img/plupload.png Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.ui.plupload/jquery.ui.plupload.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/jquery.ui.plupload/jquery.ui.plupload.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/moxie.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/moxie.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/plupload.dev.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/plupload.dev.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/plupload.full.min.js Copied!

https://cdn.cdnhub.io/plupload/3.1.5/plupload.min.js Copied!

Get started with plupload CDN

Stable version

How to start using plupload CDN

All versions