четверг, 6 марта 2014 г.

AngularJS: замена input[file] одной кнопкой

Уж очень плохо выглядит стандартная форма для выбора файла. Тем более мне не нужно отображать имя файла. Решил я заменить форму на простую кнопку.
Надо отметить, что отправку картинки на сервер я делал отдельно. Потом напишу и про это.

<form>
    <input type="file" id="schemefile{{$index}}" style="height: 0;width:0;display: none"/>
    <button class="btn btn-info btn-sm" ng-click="clickFileUpload($index)">
        <span class="glyphicon glyphicon-download-alt"></span>
    </button>
</form>

В контроллере:

$scope.clickFileUpload=function(index){
    $('#schemefile'+index).click();
  }

В итоге красивая кнопка.

Комментариев нет:

Отправить комментарий