Get started with blueimp-load-image CDN

MIT licensed

Blueimp Load Image is a jQuery plugin for resizing and loading images progressively.

Tags:
  • javascript
  • load
  • loading
  • image
  • file
  • blob
  • url
  • scale
  • crop
  • img
  • canvas
  • meta
  • exif
  • thumbnail
  • resizing

Stable version

Copied!

How to start using blueimp-load-image CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with blueimp-load-image CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/blueimp-gallery/5.16.0/css/blueimp-gallery.min.css" />
    <script src="https://cdn.cdnhub.io/blueimp-load-image/5.16.0/load-image.min.js"></script>
</head>
<body>
    <img id="image" src="path/to/your/image.jpg" alt="Your Image">
    <button id="load-button">Load Image</button>

    <script>
        document.getElementById('load-button').addEventListener('click', function() {
            LoadImage.load('path/to/your/image.jpg', function(image) {
                document.getElementById('image').src = image.toDataURL();
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions