Question

在LocalState目录中，我无法在网页上加载图片。

具体而言，当文件路径引用LocalState目录时，尝试启动网页时似乎存在安全问题。

当我右键单击html文件并在Visual Studio中的浏览器中查看时，网页会加载图像。

我已将src标记的路径更改为：src =“ms-appdata：///Local/Logo.jpeg” 它不起作用。

帮助我......

示例代码

public static async Task Update(WebView webview, IStorageFile file) { 
  var html = await Windows.Storage.PathIO.ReadTextAsync(file.Path);
  webview.NavigateToString(html);
 }

Answer 1

NavigateToString方法不适用于指向LocalData文件夹中的图像的标记。（据我所知，无论如何）。实际上NavigateToString也会破坏JavaScript和CSS链接。

服务器上的图片

一种解决方案是将源更改为指向网络服务器而不是localdata。我不确定它是否适用于您的应用场景。

图片和HTML作为内容

第二种选择是将html和图像文件作为内容添加到您的应用中并使用

WebView1.Navigate(new Uri("ms-appx-web:///assets/SampleHtmlPage.html"));

加载HTML。

在进程HTTP服务器

这是一个在应用程序中使用自定义HTTP服务器来处理问题的解决方案。

Loading Local HTML Content in Metro WebView (Windows 8)

基本64位编码图像

最后，还有另一种解决方案，使用LocalData文件夹中的图像的Base64编码。

internal async void MakeHtmlString()
{
  StorageFile imageFile; // get image file here.

  var html = 
     string.Format("<div><img src='data:image/png;base64,{0}'", 
                    await GetImageBase64(imageFile));
}

internal async Task<string> GetImageBase64(StorageFile imageFile)
{
  var imageStream = await imageFile.OpenAsync(FileAccessMode.Read);
  var inputStream = imageStream.GetInputStreamAt(0);
  var dataReader = new DataReader(inputStream);

  var dataResults = await dataReader.LoadAsync((uint)imageStream.Size);
  var bytes = new byte[dataResults];
  dataReader.ReadBytes(bytes);
  return Convert.ToBase64String(bytes);
}

最后一种方法适用于图像，但不适用于CSS文件。

Windows 8 RT - 动态生成html不呈现图像

1 个答案: