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>

我上传的图片可能很大，但通过mongoose-thumbnail它会变成一个小图标。我需要一个小图标才能显示在我的appbox中。图像未出现在我的appBox中。请给我一个问题的答案。该URL将从数据库进入视图，如在inspect中。

Answer 1

尝试使用ng-src而不仅仅是img中的src

来自文档：

在src属性中使用{{hash}}之类的Angular标记不起作用右：浏览器将使用文字文本从URL中获取 {{hash}}直到Angular替换{{hash}}中的表达式。该 ngSrc指令解决了这个问题。

修改在查看图像源（在注释中）之后，需要将其清除并且仅包含http：// ....

如何在angularjs

1 个答案: