Q:

active input option on hover the mouse on the picture

I have a file input in HTML and relative to picture I which is hidden until I don't hover the mouse on the picture but this input type is not working I want to make that input work when I click on it. 
<!--  user profile-->
<div class="row userprofile">
  <img class="user-image img-responsive" ng-src="http://localhost:8000{{imageurl}}" alt="{{username}}"  >
  <div class="col-md-4">
     <form  method="POST" enctype="multipart/form-data" action="http://localhost:8000/uploadimage" id="form" >
      <input type="file" name="image" onchange="javascript:document.getElementById('form').submit();" class="form-control upload ">
     </form>
  </div>
</div>

css for this 
.userprofile {

  position: relative;
    width: 400px;
    height: 200px;
    margin:1%;
}

.user-image{
    margin:1%;
    width:300px;
    height:250px;
    position:relative;
}
.col-md-4{
    position: absolute;
    top: 110%;
    right:40%;
    width: 200px;
    visibility:hidden;
}

.user-image:active + .col-md-4{
    visibility:visible;
}

A:

try to add a hidden checkbox that controls showing your file upload field:
<!--  user profile-->
<div class="row userprofile">
<input type="checkbox" id="activate">
<label for="activate"><img class="user-image img-responsive" ng-src="http://localhost:8000{{imageurl}}" alt="{{username}}"  ></label>
  <div class="col-md-4">
     <form  method="POST" enctype="multipart/form-data" action="http://localhost:8000/uploadimage" id="form" >
      <input type="file" id="file" name="image" onchange="javascript:document.getElementById('form').submit();" class="form-control upload ">
     </form>
  </div>
</div>

and the css for it:
.userprofile {
    position: relative;
    width: 400px;
    height: 200px;
    margin:1%;
}

.user-image{
    margin:1%;
    width:300px;
    height:250px;
    position:relative;
}
.col-md-4{
    right:40%;
    width: 200px;
    opacity: 0;
}
#activate {
  display: none;
}
#activate:checked ~ .col-md-4 {
    opacity: 1;
}

check out this fiddle: https://jsfiddle.net/wws701q1/

