Question

我在我的Wp7应用程序中使用Web浏览器控件，但我似乎无法在Web浏览器中放置App目录中的图像。

我将一些图像放在与.cs和.xaml文件相同的目录中的文件夹中。现在我尝试将它们放在webbrowser控件中，但我似乎无法让它工作。

<img src="images/photo.jpg"/>
<img src="/images/photo.jpg"/>

上面两个显然不起作用，我的猜测应该是这样的：

<img src="/SilverlightApplication;component/photo.jpg"/>

“SilverlightApplication”和“component”应该被其他东西取代，但我不知道：（

Answer 1

您需要将图像存储在隔离存储中，然后从那里显示图像。我已经整理了一个样本，您可以从以下位置下载： -

www.smartmobiledevice.co.uk/projects/webbrowserimagesample.zip

这是基于MSDN文章How to: Display Static Web Content Using the WebBrowser Control for Windows Phone。

Answer 2

在Windows Phone 8上，某些WinRT类可用，可以获取应用程序隔离存储的文件系统路径。因此，IsoStorage中文件的绝对URL将是：

string URL = "file://" +
    Windows.Storage.ApplicationData.Current.LocalFolder.Path +
    "\\folder\\filename.png";

WebBrowser控件可以在NavigateToString()'HTML中使用这些URL。或者，您可以将IsoStorage指定为基础并始终使用相对URL。 isostore:网址不起作用，我试过了。也没有ms-appx://local/。

为了完整起见，您可以非常类似地获取应用程序资源的文件系统路径。这是Windows.ApplicationModel.Package.Current.InstalledLocation.Path。

Answer 3

你可以通过连接上面给出的Paul示例应用程序动态更新数组来使用动态图像，

string[] files = {
        "readme.htm", "desert.jpg", "sample.jpg"
    };

在写入隔离之前，您可以删除现有的

       private void SaveFilesToIsoStore()
    {
        //These files must match what is included in the application package,
        //or BinaryStream.Dispose below will throw an exception.
        string[] files = {
        "readme.htm", "desert.jpg", "sample.jpg"
    };

        IsolatedStorageFile isoStore = IsolatedStorageFile.GetUserStoreForApplication();
        if(isoStore.FileExists(files[0]))
        {
            isoStore.DeleteFile(files[0]);
        }

            foreach (string f in files)
            {
                StreamResourceInfo sr = Application.GetResourceStream(new Uri(f, UriKind.Relative));
                using (BinaryReader br = new BinaryReader(sr.Stream))
                {
                    byte[] data = br.ReadBytes((int)sr.Stream.Length);
                    SaveToIsoStore(f, data);
                }
            }
        }


    private void SaveToIsoStore(string fileName, byte[] data)
    {
        string strBaseDir = string.Empty;
        string delimStr = "/";
        char[] delimiter = delimStr.ToCharArray();
        string[] dirsPath = fileName.Split(delimiter);

        //Get the IsoStore.
        IsolatedStorageFile isoStore = IsolatedStorageFile.GetUserStoreForApplication();

        //Re-create the directory structure.
        for (int i = 0; i < dirsPath.Length - 1; i++)
        {
            strBaseDir = System.IO.Path.Combine(strBaseDir, dirsPath[i]);
            isoStore.CreateDirectory(strBaseDir);
        }

        //Remove the existing file.
        if (isoStore.FileExists(fileName))
        {
            isoStore.DeleteFile(fileName);
        }

        //Write the file.
        using (BinaryWriter bw = new BinaryWriter(isoStore.CreateFile(fileName)))
        {
            bw.Write(data);
            bw.Close();
        }
    }

Answer 4

这是一个非常古老的主题，但我已经提出了一个解决方案，因为我们今天刚刚更新了WP7应用程序。

秘诀是首先将图像转换为基本64表示，所以从这段代码开始：

    private string GetBase64(string f)
    {
        string ret = "";

        {
            StreamResourceInfo sr = Application.GetResourceStream(new Uri(f, UriKind.Relative));
            using (BinaryReader br = new BinaryReader(sr.Stream))
            {
                byte[] data = br.ReadBytes((int)sr.Stream.Length);
                ret = System.Convert.ToBase64String(data);
            }
        }
        return ret;
    }

现在，您想要将图像注入代码（我的是GIF），请使用此

StringBuilder sb = ... // a string builder holding your webpage
String b64 = GetBase64("assets/images/filename.gif");

sb.AppendFormat(@"<img src='data:image/gif;base64,{0}' /></div>", b64);

在Webbrowser控件中使用本地图像

4 个答案: