HTML 5 Upload Image Ratio with Drag and Drop

CodeCanyon HTML 5 Upload Image Ratio with Drag and Drop 8712634
Script \ JavaScript \ Images and Media
Improvement \ UPDATE \ Bugfix \ Script \ Canvas \ Option \ Server \ Options \ Tablet

JavaScript - HTML 5 Upload Image Ratio with Drag and Drop 8712634 by stbeets @ CodeCanyon

Script \ JavaScript \ Images and Media

A HTML5 Upload image tool, full use of HTML5 with canvas (with fallback options). Together with a ratio and drag & drop makes this tool ideal for use in a CMS.

Features

- uses canvas to crop the image, no server scripts needed!

- want to use a server script, no problem! simple change it with additional options

- full HTML5 support

- touch support! Works on tablet and mobile!

- Responsive design option

- save your image with AJAX or use the tradional FORM input file element

- uses ratio to let it fit your screen or element

- easy to use

- additional options to configure

- bootstrap 3.1

- jQuery 1.9

UPDATE: nov. 21

- Improvement: Script is working with tablet and phone!

- New: Resize option added for responsive design

UPDATE: nov. 17

- New: Save original option added

UPDATE: oct. 24

- Bugfix: Tools appear when reediting form

- Bugfix: Rounding floats to int

UPDATE: oct. 20

- Bugfix: Input required will remain after deleting image

UPDATE: oct. 13

- Improvement: Saving button show directly when clicking

- Improvement: Mimetype on toDataURL

- Improvement: Hide buttons with data-button-edit = false

- Improvement: Set save text with data-save-label = “Saving”

- Improvement: Documentation

- Bugfix: Background text not hidding with transparent PNG

- Bugfix: Wrong script usage in demo

UPDATE: oct. 6

- New: Server image

- New: POST only dimensions

- Improvement: Buttons all have own CSS label for your own implementation

Update september 25th

- NEW: existing image preview

- NEW: remove existing image or uploaded image

- IMPROVEMENT: Better error response

- IMPROVEMENT: PHP script examples

- BIGFIX: ajax=false not removing editor

- BUGFIX: double image with canvas

Last Update: 4 December 14; High Resolution: No; Compatible Browsers: IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS, PHP; Software Version: jQuery, Other.

HTML5 File Upload.

Keywords: bootstrap, canvas, html5, image, image upload, jquery, ratio, upload.


Tags: upload, image, ratio, bootstrap, canvas, jquery

Create CodeCanyon HTML 5 Upload Image Ratio with Drag and Drop 8712634 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon HTML 5 Upload Image Ratio with Drag and Drop 8712634 from creative professional designers. Full details of CodeCanyon HTML 5 Upload Image Ratio with Drag and Drop 8712634 for digital design and education. CodeCanyon HTML 5 Upload Image Ratio with Drag and Drop 8712634 desigen style information or anything related.