Question

我正在尝试在WP8.1应用程序中加载Webview中的html文件。我将图像存储在我的项目中。当我在浏览器中运行html文件时它运行正常，但是当我在Webview中加载这个html文件时，它不显示图像，当我在字符串中转换HTML文件的内容并尝试使用NavigateToString方法时，会发生同样的事情。这是我的代码

<!DOCTYPE html>
   <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <meta charset="utf-8" />
      <title></title>
      <style>
        table, th, td {
            border: 0px;
        }
     </style>
    </head>
    <body>
    <table>
        <tr>
            <img src="ms-appx:///discount_icon.jpg" alt="Smiley face" height="200" width="400" />
        </tr>
        <tr>
            <td>
                        <div align="Left" style="width: 100%;">
                            <div style="width: 70%; float: left;"><b> Left </b>    </div>

                            <div align="right" style="width: 30%; float: right;">
                                <div align="right" style="position: relative;  padding-top:10px; background-image: url('ms-appx:///discount_icon.jpg');background-size:cover; background-repeat:no-repeat; height:36px; width: 85px; font-weight: bold; color: black;"><span style="text-align:center;color:white; margin-right:27px;margin-top:15px">5%</span></div>
                            </div>

                            <div style="width: 70%; float: left;"> From <span style="background-color:#01A9DB;padding:2px;">$250.00</span> values </div>

                        </div>
           </td>
        </tr>
        <tr>
            <td>February</td>
        </tr>
    </table>
     </body>
    </html>

有人可以帮忙吗？

Answer 1

您不需要将ms-appx:///放在html图片来源中的图片名称之前。

如果您将图像放在html的同一文件夹中，则代码如下：

<img src="test.png" style="width:100%; height:100%;" />

Answer 2

您可以尝试 NavigateToLocalStreamUri 。你可以google它。关于该功能有很多例子。

在WebView Windows Phone 8.1中显示本地图像

2 个答案: