7

我在我的 Wp7 应用程序中使用 Webbrowser Control,但我似乎无法将 App 目录中的图像放入 webbrowser。

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

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

上面这两个显然不起作用,我的猜测是它应该是这样的:

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

“SilverlightApplication”和“组件”应该换成别的东西,但我不知道是什么:(

4

4 回答 4

8

您需要将图像存储在独立存储中,然后从那里显示图像。我整理了一个示例,您可以从以下位置下载:-

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

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

于 2012-04-28T12:17:00.690 回答
5

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

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

WebBrowser 控件将这样的 URL 放在一个NavigateToString()'d HTML 中。或者,您可以将 IsoStorage 指定为基础并在整个过程中使用相对 URL。isostore:网址无效,我试过了。也不行ms-appx://local/

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

于 2013-11-23T18:45:20.483 回答
0

好吧,您可以通过连接上面给定的 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();
        }
    }
于 2013-02-04T13:03:38.763 回答
0

这是一个非常古老的线程,但我想出了一个解决方案,因为我们今天刚刚更新了一个 WP7 应用程序。

秘诀是首先将图像转换为 base 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;
    }

现在,你想在代码中注入图像(我的是 gifs)使用这个

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);
于 2015-12-14T21:11:37.837 回答