Habibur Rahaman Hi-TechParks

HTML5 Resize image before upload without ajax

Allows to resize a file input image before upload to the server. The resized image will be attached to original file input. Then you can submit your form without ajax or handle it as you need.

Usage as jQuery Plugin

<form>
    <label>Select image</label>

	/* Common Styles */

	.single-flip-box .box-back-side, .single-flip-box .box-front-side, .single-flip-box .flank{
	padding:15px;
	box-sizing:border-box;
	box-shadow: 0px 0px 5px 0px #333;
	overflow: hidden;
	border-radius:0px;
	}