juniardys / Croppie-Droppie-JS

A Javascript Image Dropzone and Cropper Plugins using croppie

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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: juniardysetio@gmail.com

About

A Javascript Image Dropzone and Cropper Plugins using croppie


Languages

Language:JavaScript 91.0%Language:CSS 4.6%Language:PHP 4.4%