Как получить уменьшенное изображение загруженного изображения в angularjs

Question

Я загрузил изображение и сохранил его как миниатюру в mongodb, но когда я его вернулю в приложение, миниатюрное изображение не будет отображаться. Это application.js

Вот мой код

var mongoose = require('mongoose'); 
    var thumbnailPluginLib = require('mongoose-thumbnail'); 
    var thumbnailPlugin = thumbnailPluginLib.thumbnailPlugin; 

    var Schema = mongoose.Schema; 

     enter code here 

    var ApplicationSchema = new Schema({ 
     appName: String, 
     appTempPath:String, 
     userId : String, 
     status : String, 
     templateId: String, 
     themeColor : String, 

    }); 
    ApplicationSchema.plugin(thumbnailPlugin, { 
     name: "appIcon" 


    }); 

    var Application = mongoose.model('Application', ApplicationSchema); 

Это мой view.html

<a ui-sref="{{templateApp.target}}"> 
    <button class="panel panel-primary" title="App information"> 
    <img src="{{templateApp.image}}"></img> 
     <div class="panel-heading">{{templateApp.title}}</div> 
      <div class="panel-body"> 
       <div ng-show='!!templateApp.info'> 


        <hr/><span class="product__price highlight"> 
       {{templateApp.info}}</span> 
       </div> 
     </div> 
    </button> 
</a> 

Изображение загружать может быть большим, но через мангустов-миниатюру становится немного значок. Мне нужен маленький значок, который появится в моем приложении. Изображение не отображается в моем приложении. пожалуйста, дайте мне ответ на эту проблему. URL-адрес поступает к представлению из базы данных, как и при проверке.

Answer 1

Попробуйте использовать нг-Src, а не только с исходниками вашего IMG

из документации:

Используя угловую разметку, как {{}} хэш в атрибуте SRC не работает право: Браузер выберет из URL с буквальным текстом {{hash}}, пока Angular не заменит выражение внутри {{hash}}. Директива ngSrc решает эту проблему.

Edit: После просмотра источника изображения (в комментариях), он должен быть очищен и состоит только из HTTP: // ....