在下载图像之前，JS预览微调器

Question

我想在选择要上传的照片后，在将图像下载到预览缩略图之前显示微调器。我正在使用angularjs所以我试图用ng-show实现它。就像未下载图像时一样，我设置$scope.showImage = false并仅在下载时将此参数更改为true。我看到了解决方案here，但我不知道如何获取图像src。 谢谢！

EDIT。实际上这是一个上传表格。我在上传前显示图片。我使用Danial Farid's库。我的代码如下：

<div ng-show="spin">
   <div id="spinner"></div>
</div>
<div ng-show="files" class="thumbnail col-lg-10 col-lg-offset-1">
   <img id="imgId" src="#" alt="my image">
</div>

这是在控制器中：

$scope.onFileSelect = function($files) {
            $scope.spin = true;
            $scope.files = $files;         

        };