file upload in html code example

Example 1: html upload image

<input type="file" accept="image/*" />

Example 2: File Upload Button and display file javascript

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

Example 3: image upload in html

<form action="http://jkorpela.fi/cgi-bin/echo.cgi"
enctype="multipart/form-data" method="post">
<p>
Type some text (if you like):<br>
<input type="text" name="textline" size="30">
</p>
<p>
Please specify a file, or a set of files:<br>
<input type="file" name="datafile" size="40">
</p>
<div>
<input type="submit" value="Send">
</div>
</form>