How do we upload external file on a website using HTML forms?

JavascriptWeb DevelopmentFront End Scripts

If you want to allow a user to upload an external file to your website, you need to use a file upload box, also known as a file select box. This is also created using the <input> element but type attribute is set to file.

Example

Live Demo

You can try to run the following code to upload an external file to your website −

<!DOCTYPE html>
<html>
   <head>
      <title>File Upload</title>
   </head>
   <body>
      <form>
         <input type = "file" name = "upload" accept = "image/*" />
      </form>
   </body>
</html>

Here are the attributes of the file upload box −

Sr.No
Attribute & Description
1
name
Used to give a name to the control which is sent to the server to be recognized and get the value
2
accept
Specifies the types of files that the server accepts.
raja
Published on 07-Feb-2018 12:55:18
Advertisements