Hello in this video we are going to take a look at creating the front end HTML upload form. So if you haven't already configured your PHP dot i&i file to allow file upload in, then I highly recommend that you go and check that video out, which would literally just the previous video. So in this video is just going to be HTML, so we can actually get rid of this PHP. Well, you know, you just had a later date. And what we are going to do is put a doctype. Now HTML is just very basic HTML code here.
I'm going to put an HTML tag. Inside here we're going to have a body tag. And then inside there, we are going to have a form which is going to be used for uploading. This is going to have an action, which is going to take us to a file called upload dot php, which we'll be creating and in implemented in a separate video, the method is going to be post because one it is more secure to we do not need to bookmark this. And free it can support literally as large of a file size that you need. And then we put EMC type.
And this is the encryption type we want multi part form data. And inside here, we we're gonna have it so we're essentially uploading an image. So I'm gonna say click to select image to upload. And we are going to put input type file name, which is what we'll use when we actually get it from the upload dot php page. And it's going to be file file upload. I'll call this file uploading And then we're going to have an ID around your sign, it's pretty common practice to have the ID as the same as this.
And I'm actually gonna change this capital up because I usually like my IDs to have camelcase with the first character capitalized as well. And next we are just going to have an input, which is going to be of type Submit. And this is going to be a button which will basically submit the form when we click it. So submit, value equals upload image, and the name is going to be and now if we go over here, reload it, so we get all this again is a very basic form. You can format it if you want to. If I click Choose File It opened this up.
And I actually already have an image on my desktop. So if I click open it selected that I don't know uploaded the just basically select the on, select that again, not that it will do anything here. If I click Upload, it would take us to the upload dot php page. And yeah, that is it. Because obviously in the next video, we're going to look at creating the PHP upload script, which is the back end code for actually up loading. So that's it.
Any questions, feel free to pop me a message and as usual, I look forward to seeing you in the next video.