在类生成的 gsp 中显示图像

Question

我在类文件中显示图像路径如下

String val;
val+= "<img src=/"PATH_TO_FILE/" alt=/"sometext/">"

并尝试使用 val 变量中的 jquery 在 div 中的 gsp 视图中加载图像。

图片在指定路径成功找到，但问题是gsp页面没有显示图片。

我不想使用下面给出的以下 Grails 标签加载图像：

img src="${resource(dir: 'images', file: image.name)}" alt="Grails"/>

在 Grails 类中使用普通的 html img 标签在视图页面中加载图像是否有任何限制？

Answer 1

使用反斜杠而不是正斜杠，例如：

行动：

def test() {
    String val = "<img src=\"http://localhost:8080/formwizard/images/asd.png\" alt=\"sometext\">"
    [val: val]
}

查看：

<script>
    $(document).ready(function () {
        $("#divId").html('${val}');
    });
</script>
<div id="divId"></div>

注意：- 如果您在操作 val 字符串中使用 "( String val = "<img src=\"http://localhost:8080/formwizard/images/asd.png\" alt=\"sometext\">")，则在脚本中使用 '('${val}') 来获取它，如果使用 ' ("<img src='http://localhost:8080/formwizard/images/asd.png' alt='sometext'>") 然后在脚本中使用"${val}"。

如果你使用的是 ajax 那么

行动：

def test2() {
    String val = "<img src=\"http://localhost:8080/formwizard/images/asd.png\" alt=\"sometext\">"
    render val
}

查看：

<script>
  function getImg() {
    $.ajax({
      url: "${createLink(controller: 'dashboard', action: 'test2')}",
      success: function (data) {
        $("#divId").html(data);
      }
    });
  }
</script>
<a href="javascript:void(0)" onclick="getImg()">Get Image</a>
<div id="divId"></div>

---

编辑.......................... ......................

将您的代码更改为：

def grailsLinkGenerator
def test2() {
    def basePath = grailsLinkGenerator.serverBaseURL
    String val = "<td><a href='adddd'><img width=\"50\" height=\"50\" src=" + basePath + "/images/repository/HrCrEmp/PIC_/0004-001.png alt=\"Fawkner Park\"></a></td>";
    render val
}

注意：-如果图像扩展名是 png 并且如果图像扩展名是 jpg 则可以正常工作，然后从图像名称中删除连字符 (-) 符号。