<input type="file">
добавьте изображение, а <input style="position:absolute">
он займет пространство <input type="file">
position:relative;
opacity:0;
z-index:99;
Вместо встроенного JavaScript переместите свой код в режим работы и установите видимость согласно условию
<button ng-click="VisibilityChange('1')" value="myValue"
id="mybtn">
See users
</button>
<button ng-click="VisibilityChange('2')" id="editbtn">Edit</button>
<button ng-click="VisibilityChange('3')" id="addbtn">Add</button>`
Ваш контроллер
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.hideShow2 = true;
$scope.hideShow = false;
$scope.hideShow1 = false;
$scope.VisibilityChange= function(type){
switch(type)
{
case"1":
$scope.hideShow2 = true;
$scope.hideShow = false;
$scope.hideShow1 = false;
change();
break;
case"2":
$scope.hideShow2 = false;
$scope.hideShow = true;
$scope.hideShow1 = false;
break;
case"3":
$scope.hideShow2 = false;
$scope.hideShow = false;
$scope.hideShow1 = true;
break;
}
}
});