diff options
Diffstat (limited to 'library/cropperjs/docs/examples')
3 files changed, 12 insertions, 6 deletions
diff --git a/library/cropperjs/docs/examples/cropper-in-modal.html b/library/cropperjs/docs/examples/cropper-in-modal.html index f36ff4e4e..343924ef8 100644 --- a/library/cropperjs/docs/examples/cropper-in-modal.html +++ b/library/cropperjs/docs/examples/cropper-in-modal.html @@ -5,7 +5,7 @@ <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Cropper.js</title> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous"> <link rel="stylesheet" href="../css/cropper.css"> <style> .img-container img { @@ -45,8 +45,8 @@ </div> </div> - <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script> + <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" crossorigin="anonymous"></script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> <script src="../js/cropper.js"></script> <script> window.addEventListener('DOMContentLoaded', function () { diff --git a/library/cropperjs/docs/examples/customize-preview.html b/library/cropperjs/docs/examples/customize-preview.html index 72a108f8a..51d1e1b42 100644 --- a/library/cropperjs/docs/examples/customize-preview.html +++ b/library/cropperjs/docs/examples/customize-preview.html @@ -77,6 +77,7 @@ window.addEventListener('DOMContentLoaded', function () { var image = document.querySelector('#image'); var previews = document.querySelectorAll('.preview'); + var previewReady = false; var cropper = new Cropper(image, { ready: function () { var clone = this.cloneNode(); @@ -94,9 +95,14 @@ each(previews, function (elem) { elem.appendChild(clone.cloneNode()); }); + previewReady = true; }, crop: function (event) { + if (!previewReady) { + return; + } + var data = event.detail; var cropper = this.cropper; var imageData = cropper.getImageData(); diff --git a/library/cropperjs/docs/examples/upload-cropped-image-to-server.html b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html index aef0ee58b..adb5c15ce 100644 --- a/library/cropperjs/docs/examples/upload-cropped-image-to-server.html +++ b/library/cropperjs/docs/examples/upload-cropped-image-to-server.html @@ -5,7 +5,7 @@ <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Cropper.js</title> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css"> + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" crossorigin="anonymous"> <link rel="stylesheet" href="../css/cropper.css"> <style> .label { @@ -59,8 +59,8 @@ </div> </div> </div> - <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.bundle.min.js"></script> + <script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> <script src="../js/cropper.js"></script> <script> window.addEventListener('DOMContentLoaded', function () { |