Giter VIP home page Giter VIP logo

cropzee's Introduction

committers.top badge





































































Github stats

cropzee's People

Contributors

bossbele avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cropzee's Issues

Rotate function does not rewrite the previously loaded image

Hi there, I am looking for a little help here.
See, after the cropzee modal opens, rotate function does the job but the previous image (the one that causes the modal to open) is not rewritten, it seems like rotating over a background.
For further understanding of the issue I shared the an attachment where there are 2 images: the one on landscape is the one that causes the modal to open, the one in portrait is happens on rotating.
Thanks in advance for your help.
Screenshot 2022-10-24 121504

The uploaded image is the wrong one

I'm having a problem with using that plugin, since the uploaded image is not cropped.

Here it is an example to reproduce the example:

<!-- jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- cropzee.js -->
<script src="{{ asset($public . 'assets/js/cropzee.js') }}" defer></script>

<div class="box b">
    <span>X</span>
    <div class="js--image-preview image-previewer" for="cropzee-input1" data-cropzee="cropzee-input1"></div>
    <div class="js--image-preview" style="display:none"></div>
    <div class="upload-options">
        <label>
            <input id="cropzee-input1" name="images[]" type="file" class="image-upload" accept="image/*" />
        </label>
    </div>
</div>
<script>
    $(document).ready(function(){
                                                        $("#cropzee-input1").cropzee({
                                                            aspectRatio: 1
                                                        });
                                                    });
</script>

No Image preview after cancel and reselect of image

Hi,

While using the plugin, I am facing an issue.

When I first click on button to select image then instead of selecting I clicked on cancel button of browse window and the browse window gets closed without selecting the image.

Then after that when I click again on the button to select the image and there I select an Image then I am not getting image as in preview nor it is getting selected.

Plese help me solving the issue.

Thanks and Regards,
Rehman

window.location.pathname should be window.location.href

In line 202 there is an error:

window.location = window.location.pathname + "#cropzee-modal";

This should be

window.location = window.location.href + "#cropzee-modal";

This in order to support pages with ? and & like https://mydomain.com/edit_food_images.php?food_id=909&action=upload&image=a&l=no'

Also then update last function:

function closeModal() {
	window.location = window.location.href.replace('#cropzee-modal', '#');
}

The jquery script on the main page should remove # or the modal doesnt work:

```
			<script>
					\$(document).ready(function(){
						if (window.location.href.indexOf(\"#\") > -1) {
							window.location = window.location.href.replace('#', '');
						}
						\$(\"#cropzee-input\").cropzee({startSize: [85, 85, '%'],});
					});
				</script>

Rotate Issue

The image is shrinking and moving to left hand side when we use rotate option.. any solution?
Screen Shot 2022-11-24 at 10 56 22 AM

the README file lack modal cover

<div id="cropzee-modal-cover" class="cropzee-modal-cover">
</div>
this cover should be added in the README file, otherwise the plugin does not work.
By the way, thanks for your contribution.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.