Get started with file-uploader CDN

MIT licensed

Users can upload local files to a server using a JS file-uploader library.

Tags:
  • uploader
  • multiple
  • drag-and-drop

Stable version

Copied!

How to start using file-uploader CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with file-uploader CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fine-uploader/5.16.2/fine-uploader-gallery.min.css">
    <script src="https://cdn.cdnhub.io/file-uploader/5.16.2/fine-uploader.min.js"></script>
</head>
<body>
    <div id="uploader"></div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var uploader = new qq.FineUploader({
                element: document.getElementById('uploader'),
                template: 'qq-gallery-template-angular',
                dropZone: {
                    clickText: 'Drop files here or click to select'
                },
                callbacks: {
                    onSubmit: function(id, name) {
                        console.log('File ' + name + ' is being uploaded.');
                    },
                    onComplete: function(id, name, response) {
                        if (response.success()) {
                            console.log('Successful item ' + id + ': ' + response.responseText);
                        } else {
                            console.log('Error occurred during the upload of item ' + id.toString() + '. Response: ' + response.responseText);
                        }
                    }
                }
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions