semantic-ui file upload

index.html

<div class="ui middle aligned center aligned grid container">
  <div class="ui fluid segment">
      <input type="file" (change)="fileEvent($event)" class="inputfile" id="embedpollfileinput" />

  <label for="embedpollfileinput" class="ui huge red right floated button">
    <i class="ui upload icon"></i> 
    Upload image
  </label>
          <input type="file" (change)="fileEvent($event)" class="inputfile" id="embedpollfileinput" />

  <label for="embedpollfileinput" class="ui huge green right floated button">
    <i class="ui upload icon"></i> 
    Upload image
  </label>
  </div>
  
</div>

semantic-ui-file-upload.markdown

semantic-ui file upload

A Pen by Apijay Kumar on CodePen.

License.

style.css

.grid.container {
  margin-top: 5em;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css" rel="stylesheet" />