在类中生成的gsp中显示图像

Question

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

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

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

在指定路径中成功找到图像，但问题是，图像未显示在gsp页面中。

我不想使用下面给出的Grails标记加载图片：

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

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

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，则可以正常工作，然后从图片名称中删除连字符（-）。< / p>