Learn how to create drag & drop uploading and cropping system from scratch to advance
We'll gonna write HTML5 to create front structure of our uploading system.
In this lecture we'll style our front end and make it look nice.
In this lecture we're going to style result section.
We'll learn how to use js events like drag over and drag leave.
We'll apply the styling effects on our system in these events.
We'll look into js on drop function and see how it work.
We'll receive our files using this event and process main task within this event.
This will be our main function to assemble all the process and data.
We'll send ajax XMLHttpsRequest to server.
We'll code all the server side programming processes for uploading in this lecture and return response to js in JSON form.
Generate result using JS from JSON response.
Manage upload button.
Write HTML5 to create the display of Cropping feature.
Style it so it can appear in a nice way and look beautiful.
Implement all the process of JS for cropping.
Write PHP to handle all the process over server like, resizing image, create image, and crop image.
Deliver the response in JSON form.