Добавьте изображение для формирования ввода через AngularJS

Я хочу добавить изображение к тегу ввода формы, щелкнув по нему. Итак, у нас есть HTML-форма, которая выглядит так:

<form name="upload">
   <input type="file" name="file"/>
</form>

На странице отображается несколько изображений. Если я нажимаю на изображения, вызывается следующая функция и дает ей параметр $event (который отлично работает).

$scope.uploadTest = function(event){
        var file = event.target;
        var place = document.forms['upload'].files[0];
        place.appendChild(file);
    };

Функция должна принимать event.target (который является изображением) и динамически добавлять его к входной формуле. Кто-нибудь может мне помочь? Что я делаю не так? Я пробовал это любым возможным способом, например, добавляя изображение к «document.forms ['upload']» или «document.getElementById («file»)», но у меня ничего не работает. заранее спасибо


javascript image forms angularjs form-data
person ahmkay    schedule 31.05.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Входной файл Ng не разрешен для использования ng-model.

Не все предлагаемые функции доступны для всех типов ввода. В частности, привязка данных и обработка событий через ng-модель не поддерживаются для input[file].

Подробности.

Вы можете взять путь к файлу и использовать его с функциями загрузки файлов Jquery.

Это поможет вам: загрузка файлов с помощью AngularJS

person hurricane    schedule 31.05.2015