Question

如何使用ng-repeat处理上传的图像？如何将它们推送到JSON文件中以用于单独的部分？预期多个图像是多维数组。

我正在制作一个网站，我正在尝试直接将图片加载到每个部分。当我备份网站时，我试图将图像存储在JSON文件中的数组中。这是通过角度来完成的。我可以将我的Angular文件的所有其他元素显示到JSON文件中，但我正在努力处理图像。

我的问题是当我有一个ng-repeat时添加图像的功能不起作用，并且没有图像被绑定到JSON文件上。我相信我需要推动，但我不确定它会去哪里。

HTML

<input type="file" id="imageAdd" />
...
<ul>
    <li ng-repeat="image in images">
        <img ng-src="{{ activeItem.image }}" class="img-thumbnail" />
    </li>
</ul>

角

$('#imageAdd').change(function() {
    var file = this.files[0];
    var reader = new FileReader();
    reader.onloadend = function() {
        $scope.activeItem.images[0] = reader.result;
    }
    reader.readAsDataURL(file);
});

JSON

var loadedItems = [{"anchor":"Anchor1","description":"Anchor1","$$hashKey":"object:3"},{"anchor":"Anchor2","description":"Anchor2","$$hashKey":"object:4","images":[{}]}];

如果需要更多信息，请与我们联系。

添加图像并通过Angular

0 个答案: