From the course: Code Clinic: JavaScript

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Dragging and dropping images

Dragging and dropping images - JavaScript Tutorial

From the course: Code Clinic: JavaScript

Start my 1-month free trial

Dragging and dropping images

- [Instructor] All right, so let's take a look at what we're starting with here. We have a page and there's a button here that we'll click on whenever we want to detect a face, and also we have a section right here where we're gonna drop some images. Now these images right now are on the desktop and if you need to get them you'll need to go to the exercise files provided with this course. So if we take a look at what we've got, the JavaScript file is completely empty right now. And our HTML looks like this. There's nothing in here that's too interesting. We have a section here where we are going to drop the objects or the pictures, and we have given that a class of dropzone and just placed a message in there. There's also the button right here. We've given this an ID of analyze, and that's what we're gonna hit whenever we want the action to take place. There is some CSS that I've created here that you may wanna look at, and for the dropzone, so if we take a look at this. We're just…

Contents