Question

我想通过单击将图像附加到表单input-Tag。所以我们有一个HTML-Form，如下所示：

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

在页面上显示了几个图像。如果我点击图像，则调用以下函数并为其提供$ event-parameter（工作正常）。

$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“）”，但没有任何方法可以帮助我。提前致谢

Answer 1

不允许使用Ng输入文件使用ng-model。

并非所有提供的功能都适用于所有输入类型。具体而言，输入[文件]不支持通过ng-model进行数据绑定和事件处理。

Detail

您可以使用文件路径并使用Jquery文件上传功能。

这将有助于您： File Upload using AngularJS

通过AngularJS附加图像以形成输入

1 个答案: