使用XSL从XML读取图像URL以在Web浏览器中显示网页

时间:2016-11-22 22:03:48

标签: android ios xml image xslt

我正在使用xsl格式化xml文件。部分内容涉及从XML文件中读取图像URL,然后在Web浏览器中显示图像。我尝试了两种不同的方法,当在Windows机器上使用firefox,Internet Explorer或Edge查看时,这两种方法都有效。

当我尝试使用IOS 10在iphone上使用Safari或Firefox查看时,文档显示正常,但图像未显示。我也在Android手机上尝试过这个结果相同的结果 - 没有显示图像。我的问题是这可以在IOS(或Android)手机网络浏览器上完成吗?

源xml文件位于下方(图片已移除无关标签)

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="application/xml" href="whats_on.xsl"?>
<show_details>

<production>
    <show_title>
        Hobsons Choice
    </show_title>
    <show_image>
        <image_path>
            ../images/show_images/hobsons_choice/hobsons_choice.jpg
        </image_path>
        <image_alt_text>
            Hobsons Choice
        </image_alt_text>
    </show_image>
    ... More tags here
</production>
... More tags here
</show_details>

要删除部分格式化文档的XSL文件:

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="show_details">

    <html>
....
<xsl:element name="img">
  <xsl:attribute name="class">
    show_images
  </xsl:attribute>
  <xsl:attribute name="alt">
    <xsl:value-of select="show_image/image_alt_text"/>
  </xsl:attribute>
  <xsl:attribute name="src">
    <xsl:value-of select="show_image/image_path"/>
  </xsl:attribute>
</xsl:element>
....More HTML
</html> 
</xsl:template>
</xsl:stylesheet>

我也试过使用以下方法插入图像:

<img src="{show_image/image_path}"/>

这两种方法似乎都不适用于IOS或Android手机。

0 个答案:

没有答案