Giter VIP home page Giter VIP logo

croppie-droppie-js's Introduction

Croppie Droppie JS

This is my first plugins. This is an Image Dropzone and Cropper Javacript / js using croppie plugins.

Requirements

  • Jquery

  • Croppie

But it has been included inside

Support

  • SweetAlert

Example

You can see it in demo.php

Attributes

Set this HTML Attributes to container id like the example

Html Attributes Function default
data-path data path url of image null (required)
data-url data url to upload image null (required)
data-img data name of image if exist null (if null show DropZone)
img-width image width of cropping in px 200 in pixels
img-height image height of cropping in px 200 in pixels
img-type image type of croppie like 'circle' or 'square' square
res-width image width result in px img-width
res-height image height result in px img-height
box-width box width of cropping in px img-width + 50
box-height box height of cropping in px img-height + 50
msg-success success message of uploading image Success Uploading Image
msg-error error message of uploading image Error Uploading Image

Donation

If this plugins help you, you can Donate to my Paypal account

Paypal Account: [email protected]

croppie-droppie-js's People

Contributors

juniardys avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

oliverbob

croppie-droppie-js's Issues

The original source code don't work

When i click the upload button nothing happen, the "console.log" not appear for a error o success. I had to change the "$location" variable to: " DIR.('/images/') ". Thanks! it's a good code!

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.