Samples with bootstrap

Sign up

Basic Source
    
$("#container_photo").PictureCut({                    
    InputOfImageDirectory       : "image",
    PluginFolderOnServer        : "/jquery.picture.cut/",
    FolderOnServer              : "/uploads/",    
    EnableCrop                  : true,
    CropWindowStyle             : "Bootstrap",              
});

InputOfImageDirectory The plugin will automatically generate a hidden input type that will receive the full address (url) of the image, this parameter will be your name, This parameter takes a string.
PluginFolderOnServer This parameter will receive the directory of the plugin folder from the root folder, This parameter takes a string.
FolderOnServer This parameter will receive the folder that will store the image, it is important to know that the directory defined here need to have write permissions on the server, This parameter takes a string.
EnableCrop Activate clipping, This parameter takes a boolean value.
CropWindowStyle Theme used.

Simple upload and Treatment size
Source
    
$("#simple_upload").PictureCut({                    
    InputOfImageDirectory       : "image",
    PluginFolderOnServer        : "/jquery.picture.cut/",
    FolderOnServer              : "/uploads/",                
    EnableCrop                  : false,                
    EnableMaximumSize           : true,
    MaximumSize                 : 100, // 100 kbytes
    CropWindowStyle             : "Bootstrap",
    UploadedCallback: function(data){                    
        $("#simple_upload_result").html("")
            .append("<strong>Image:</strong><br>"+data.options.FolderOnServer+data.currentFileName)
                .append("<br>")
                    .append("<strong>Size:</strong><br>"+Math.round((data.currentFileSize/1024))+" kbytes");
    }
});



More themes

jQueryUi Theme
jQueryUi Personalised Theme