添加图像并通过Angular

时间:2016-06-21 23:38:29

标签: javascript angularjs json multidimensional-array push

如何使用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":[{}]}];

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

0 个答案:

没有答案