从路径名数组显示图像

Question

我的目标是在页面上显示来自其中一个文件夹的图像，例如~/Content/Images/img_1.jpg。 图像路径保存在我从数据库中成功获取的数组中。我正在努力解决的是传递的命令中有特殊字符。

所以我会有类似@Url.Content("~/Content/Images/img_1.jpg") 传递 DB 字段，当它传递给 JQuery .html() 它不能正常工作并给出 404。我研究了转义字符，但我认为这不起作用。不过，这可能是做整个事情的一种不好的方式，所以我对如何促进动态图像加载持开放态度......

编辑：我已经想通了。数据库将只保存图像名称，而不是完整路径。所以只剩下HTML上下文中JS中路径名的转义字符了。

"<img src=/Content/Images/" (escape characters here) + metadata.imgSrc + " alt=" + metadata.title + " >";

Answer 1

我使用来自this 答案的映射转义了里面的字符串。

所以我得到了：

"<img src=/Content/Images/" + metadata.imgSrc + " alt=" + metadata.title + " >";

图像被放置在相应的目录中。