0

在隔离存储的 html 页面中使用“图像路径”时,有些奇怪且与“图像路径”相关联。

我想创建一个 html 页面,将由应用程序的 webBrowser 对象使用。所以我在IsolatedStorage 中创建了一个html 页面,然后将此页面与webBroswser.Navigate 一起使用。

除图像外,一切正常。

1)如果我在 IsolatedStorage 的根目录下创建一个 html 页面和图像,一切正常,代码<img src="image.png">工作正常,我可以在页面页面上看到图像。

2)但是,在我看来,在根目录下保存页面和图像的方式不是一个好主意,因为我已经有许多目录,在那里被应用程序使用,所以,我创建了一个新目录“Html”并将所有页面保存在那里.

现在,当我打开此页面时,我看不到我的图像。我已经尝试了几种 src 链接的变体,但仍然找不到答案。


<img src=...">如果层次结构是:标签中的正确链接是什么:

隔离存储-->Html(文件夹)-->index.html(文件)

(1) 隔离存储-->Html(文件夹)-->image.png(文件)

(2)IsolatedStorage-->Html(文件夹)-->Images(文件夹)-->image.png(文件)


实际上,我认为它类似于<img src="image.png">(1),但我尝试了几个类似的版本,但都没有奏效。

4

1 回答 1

0

好吧,这似乎有点奇怪:

此方法会将图片保存到 IsolatedStorage,但不允许在 html img 标签中使用它:

            using (IsolatedStorageFile isopicsFile = IsolatedStorageFile.GetUserStoreForApplication())
            {
                if (isopicsFile.FileExists(Constants.HtmlFolderName + "launch.png") == false)
                {
                    Stream yourFilepath = Application.GetResourceStream(new Uri("/someUri/launch.png", UriKind.Relative)).Stream;

                    BitmapImage b = new BitmapImage();
                    b.SetSource(yourFilepath);

                    WriteableBitmap wb = new WriteableBitmap(b);
                    using (var isoFileStream = isopicsFile.CreateFile(Constants.HtmlFolderName + "launch.png"))
                    {
                        var width = wb.PixelWidth;
                        var height = wb.PixelHeight;
                        // Theoretically, there may be the problem, as the file extention is png, not jpg
                        System.Windows.Media.Imaging.Extensions.SaveJpeg(wb, isoFileStream, width, height, 0, 100);
                    }
                }
            }

这个将保存图片并允许将其与 html 标签一起使用:

            string f = "somePath/launch.png";
            StreamResourceInfo sr = Application.GetResourceStream(new Uri(f, UriKind.Relative));
            using (BinaryReader br = new BinaryReader(sr.Stream))
            {
                byte[] data = br.ReadBytes((int)sr.Stream.Length);
                string fileName = "launch.png";
                string filePath = Constants.HtmlFolderName + fileName;

                using (IsolatedStorageFile isoStore = IsolatedStorageFile.GetUserStoreForApplication())
                {
                    if (isoStore.FileExists(filePath))
                    {
                        isoStore.DeleteFile(filePath);
                    }

                    using (BinaryWriter bw = new BinaryWriter(isoStore.CreateFile(filePath)))
                    {
                        bw.Write(data);
                        bw.Close();
                    }
                }
            }

此外,在第二种情况下,图片属性必须设置为 Content + Always Copy。

于 2013-07-08T06:11:32.230 回答