Fork me on GitHub

Core Image Upload

a lightweight upload plugin

Get Started Quickly

中文演示

upload

Click button to upload your image


$(".js-btn-upload").coreImageUpload ({
    url: "./upload.php",
    inputOfFile: 'image',
    uploadedCallback: function (result) {
        alert(result);
    }
});
                

Crop Image and Upload

Crop Image

<script src="../src/jquery-ui.min.js"></script>
//...
$(".js-btn-crop").coreImageUpload ({
    url: "./crop.php",
    inputOfFile: 'image',
    enableCrop: true,
    cropRatio: '1:1',
    uploadedCallback: function (result) {
        alert(result);
    }
});
                

if you want to crop image ,you should incluejquery.core.image.min.css and jquery-ui.And it will send to server with the crop arguments

contact me here @Jack Pu