刷新图像而不更改ng-src

Question

我有一个图片上传表单，允许用户上传新的个人资料图片。我需要在成功上传后刷新图像（在ng-src中使用相同的URL）。我试图在ng-src中附加一个随机值来强制使用$ scope重新加载图像。$ apply但它不起作用。

Answer 1

您不需要使用$ scope。$ apply，ng-src监视更改，因此如果您在更改图像之前设置了不同的值，请检查以下代码和jsfiddle：

https://jsfiddle.net/twizzlers/oebx8any/1/

$scope.current_src = "http://www.w3schools.com/css/trolltunga.jpg";

$scope.upload = function(){
    //before upload
    $scope.current_src = "test";
    //after upload
    $scope.current_src = "http://www.w3schools.com/css/trolltunga.jpg";
}

希望有帮助=）

Answer 2

我部分解决了。我刚刚添加了一个删除img dom并再次添加的功能（我知道这不是完美的解决方案，但它可以工作）