从Angular访问NodeJS公共文件夹中的图片

时间:2017-10-20 01:16:21

标签: node.js angular express

我一直在寻找答案,找不到其他人遇到这个问题。我在NodeJS中使用express和Angular4中的网站。后面将图片保存在公用文件夹中,并将其路径保存在数据库中。当我尝试将网站中的这些图片用作图像源时,问题就出现了,因为angular无法在其路径中找到公用文件夹。

路径如下所示:数据库中的'./public/artwork/1508457128377.png'

我尝试在assets文件夹(这是angular的静态文件夹)中添加别名并略微更改路径,但它不起作用。这是令人惊讶的,因为它在我作为测试复制/粘贴实际公用文件夹时确实有效。在下面的代码中,gallery是一个包含图像标记的src路径的数组。

  ngOnInit() {
this._fluxService.getHome().subscribe(activity => {
  console.log(activity)
  if (activity.length === 0) {
    this.gallery = null;
  } else {
    activity.map((item) => {
      if(this.gallery[0] === '') {
        this.gallery[0] = '/assets' + item.screenshot.substring(1);
      } else {
        this.gallery.push('/assets' + item.screenshot.substring(1));
      }
    });
  }
}, (err) => {
  console.log(err);
  return false;
});

}

前后可以共享同一文件夹的访问权限吗?公用文件夹中的图片是从Chrome扩展程序生成的,该扩展程序直接与后端通信,因此无法直接保存在资源文件夹中。至少,不是我所知道的。

0 个答案:

没有答案
相关问题