Ionic/Cordova - 获取要在 <img src=""> 上使用的图像路径

Question

我有一个 Ionic 应用程序，我将在其中截取应用程序的屏幕截图。

我的问题是我需要获取要在图像标签 src 中使用的图像路径。 但我不知道为什么没有发生。

这是我的代码：

$scope.image = {
    src: ''
};

$scope.takeScreenshot = function() {

    var screenshotLink,
        screenshot = new Image(),
        filename = '';

    navigator.screenshot.save(function(error,res) {
        if(error){
            //console.error(error);
        } else {  
            screenshotLink = res.filePath;
        }
    },'jpg',100,filename);
           
    $scope.image.src = screenshotLink;

};//end_takeScreenshot


<img ng-src="{{ image.src }}" alt="foobar"/>

你们能帮我解决这个问题吗？

Answer 1

您需要将$scope.image.src = screenshotLink 移动到navigator.screenshot.save 的回调函数中。像这样：

navigator.screenshot.save(function(error,res) {
    if(error){
        //console.error(error);
    } else {  
        screenshotLink = res.filePath;
        $scope.$apply( function() {
            $scope.image.src = screenshotLink;
        });
    }
},'jpg',100,filename);