javascript - 从json响应中获取真实图像路径

Question

我有一个提供 json 文件的本地 Express 服务器。我的本地文件夹中还有许多图像文件。图像路径是我想在 DOM 中显示的 json 对象的一部分。但是，我将这些图像路径的字符串表示作为响应的一部分，但我无法使用。从本地服务器将本地镜像服务器到前端的最佳方法是什么？

问题图片:

我的服务器端配置:

app.use(express.static(path.join(__dirname, 'public')))
app.use(express.static(path.join(__dirname, 'server/img')))

我的 JSON 文件

{
  "Images": [{
    "title": "First Block",
    "images": ["server/img/bijay.jpg", "server/img/dance.png", "server/img/ocean.jpg"]
  }, {obj2}, {obj3}, {obj4}]
}

我的打印图像的客户端代码

<ul>
  <li ng-repeat="obj in objArray"><img ng-src="{{obj.images[0]}}"></li>
</ul>
// just testing first image

我的文件夹结构:

图像位于 img 文件夹内。为了节省空间，此处未显示

Answer 1

经过一番思考，终于找到了解决办法。

我已将服务器中的“static”文件夹定义为“server/img”。但是，在 json 对象内部，我再次分配了图像文件的绝对路径。我所需要做的就是“server/image/imgFileName.jpg”来解决冲突:))