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

Question

我想通过单击表单输入标签将图像附加到表单输入标签中。所以我们有一个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")"，但对我来说没有任何用处。提前感谢

Answer 1

Ng输入文件不允许使用ng模型.

并不是所有输入类型都提供所有功能。具体来说，inputfile不支持通过ng模型进行数据绑定和事件处理.

详细信息。

您可以使用文件路径并使用Jquery函数。

这将对你有帮助：使用AngularJS上传文件