Aqui está o meu código AngularJS para mostrar a visualização da imagem quando o usuário seleciona o arquivo

  <form action="<?php echo $this->getFormAction();?>" id="contactproForm" method="post" ng-app="myApp" ng-controller="myCtrl" enctype="multipart/form-data">

     <label for="file"><?php echo Mage::helper('contactpro')->__('Attachment') ?></label>

    <div class="input-box">
       <input  type="file" id="file" class="input-text" ngf-select ng-model="picFile" name="attachement" accept="image/png, image/jpeg, image/jpg, application/msword, application/vnd.ms-excel, application/pdf " />
    </div>

    <label for="file"><?php echo Mage::helper('contactpro')->__('Image Preview') ?></label>
    <img ng-show="picFile[0] != null" ngf-src="picFile[0]" class="thumb">

   </form>

Esta linha está exibindo a visualização da imagem em miniatura quando a imagem é selecionada

   <img ng-show="picFile[0] != null" ngf-src="picFile[0]" class="thumb">

Agora, o problema é que quando seleciono a imagem, o polegar da imagem é exibido corretamente, mas ao selecionar pdf, doc ou qualquer outro formato de arquivo, ele exibe o polegar da imagem quebrada. Como posso colocar aqui alguma condição AngularJs, de modo que ele só exiba a miniatura da imagem se a imagem for selecionada, caso contrário ela não exibe nada.