gpt4 book ai didi

image-processing - 如何在Angular JS中的src更改后刷新图像

转载 作者:行者123 更新时间:2023-12-03 23:38:17 27 4
gpt4 key购买 nike

我想选择一个文件并将其加载到 Angular js 中。

一切正常,唯一的问题是图像无法刷新。我可以看到一切正常,因为当我使用 angular.js 切换页面上的菜单时,图像正在刷新。

这是我的代码:

<div ng-controller="TopMenuCtrl">
<button class="btn" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
<input ng-model="photo"
onchange="angular.element(this).scope().file_changed(this)"
type="file" accept="image/*" multiple />
<output id="list"></output>
<img ng-src="{{imageSource}}">
</div>

和 Angular js 脚本:
$scope.file_changed = function(element) {
var files = element.files; // FileList object
// Loop through the FileList and render image files as thumbnails.
for (var i = 0, photofile; photofile = files[i]; i++) {

// var photofile = element.files[0];
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {

$scope.imageSource= e.target.result;

};
})(photofile);

reader.readAsDataURL(photofile);
};

}

最佳答案

您必须调用 Scope.$apply当您手动更新 $scope.imageSourceonLoad函数,因为 Angular 无法猜测您何时进行此更改。

关于image-processing - 如何在Angular JS中的src更改后刷新图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16635612/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com