通过 AngularJS 将图像附加到表单输入

Question

我想通过单击将图像附加到表单输入标签。所以我们有一个 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。

Not every feature offered is available for all input types. Specifically, data binding and event handling via ng-model is unsupported for input[file].

Detail.

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

这将帮助您： File Upload using AngularJS

通过 AngularJS 将图像附加到表单输入

Append an image to form input via AngularJS

javascript

forms

image

form-data

angularjs