xml – 如何添加图像?

前端之家收集整理的这篇文章主要介绍了xml – 如何添加图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含图像信息的简单XML文档。我需要将其转换为HTML – 简单,对吧?但是,当我使用下面的XSL时,它会出现错误“当没有元素开始标签打开时无法写入属性节点”。我看不到开放标签是什么 – 任何想法?

XML:

  1. <root>
  2. <HeaderText>
  3. <HeaderText>Dan Testing</HeaderText>
  4. </HeaderText>
  5. <Image>
  6. <img width="100" height="100" alt="FPO lady" src="/uploadedImages/temp_photo_small.jpg"/>
  7. </Image>
  8. <BodyText>
  9. <p>This is a test of the body text<br /></p>
  10. </BodyText>
  11. <ShowLinkArrow>false</ShowLinkArrow>
  12. </root>

XSL:

  1. <xsl:stylesheet version="1.0" extension-element-prefixes="msxsl"
  2. exclude-result-prefixes="msxsl js dl" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  3. xmlns:js="urn:custom-javascript" xmlns:msxsl="urn:schemas-microsoft-com:xslt"
  4. xmlns:dl="urn:datalist">
  5. <xsl:output method="xml" version="1.0" omit-xml-declaration="yes" indent="yes" encoding="utf-8"/>
  6. <xsl:template match="/" xml:space="preserve">
  7. <img>
  8. <xsl:attribute name="width">
  9. 100
  10. </xsl:attribute>
  11. <xsl:attribute name="height">
  12. 100
  13. </xsl:attribute>
  14. <xsl:attribute name="class">
  15. CalloutRightPhoto
  16. </xsl:attribute>
  17. <xsl:attribute name="src">
  18. <xsl:copy-of select="/root/Image/node()"/>
  19. </xsl:attribute>
  20. </img>
  21. </xsl:template>
  22. </xsl:stylesheet>
只是为了澄清这里的问题 – 错误在以下代码中:
  1. <xsl:attribute name="src">
  2. <xsl:copy-of select="/root/Image/node()"/>
  3. </xsl:attribute>

指令xsl:copy-of获取一个节点或节点集,并复制它 – 输出一个节点或节点集。然而,一个属性不能包含一个节点,只能包含一个文本值,所以xsl:value-of将是一个可能的解决方案(因为这返回一个节点或节点集的文本值)。

更短的解决方案(也许更优雅)将是以下:

  1. <img width="100" height="100" src="{/root/Image/node()}" class="CalloutRightPhoto"/>

属性中使用{}称为属性值模板,并且可以包含任何XPATH表达式。

注意,在这里可以使用与xsl_copy中使用的XPath相同的XPath,因为它在Attribute值模板中使用时知道采用文本值。

猜你在找的XML相关文章