add camera icon

file upload in image gallery

by pj_js15

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div class="container">
  <label for="file-upload" class="custom-file-upload">
      <i class="fa fa-cloud-upload"></i>  
</label>
  <input id="file-upload" type="file" />
</div>

CSS

input[type="file"]#file-upload {
  display: none;
}

div.container {
  width: 100%;
  padding: 20px;
  padding-right: 100px;
  margin-right: 120px;
  display: block;
}

.custom-file-upload {
  background: #ddd;
  display: block;
  height: 40px;
  padding: 6px 12px;
  cursor: pointer;
  text-align: center;
  width: 100%;
}