Как отобразить изображение с помощью xslt и xml?

Question

Я довольно часто пытаюсь отобразить изображение, и некоторые решения на этом веб-сайте не работают для меня ...

Это мой код xslt

<xsl:template match="/">
    <div class="main">
      <h2>Product Catalogue</h2>
      <xsl:for-each select="productdetails/product">
        <div class="box">
          <img src="<xsl:value-of select="product_image"/>"> </img>
          <xsl:value-of select="format-number(product_Price,'0.00')" />

          <h3>
            <xsl:value-of select="product_Name"/>
          </h3>

          RM<xsl:value-of select="format-number(product_Price,'0.00')" />
          <br/>

          <p style="font-size:9pt; font-style: italic;">
            <xsl:value-of select="product_description"/>
          </p>

          <br/>

          <a href="#" runat="server" onserverclick="Cart">Add to Cart </a>

        </div>
      </xsl:for-each>
    </div>
    </xsl:template>

Точно так же вы знаете, что product_image в xml уже является imagepath, поэтому мне не нужно было писать путь в коде xslt.

Answer 1

В XML тег не может содержать другой тег - поэтому это недопустимый код:

<img src="<xsl:value-of select="product_image"/>"> </img>

Используйте либо:

<img>
    <xsl:attribute name="src">
        <xsl:value-of select="product_image"/>
    </xsl:attribute>
</img>

, либо:

<img src="{product_image}"/>

Чтобы понять второй синтаксис, прочитайте о Шаблоны значений атрибутов .