Verwenden Sie lokale Bilder in Webbrowser-Steuerelement

Question

Ich verwende ein Webbrowser-Steuerelement in meiner Wp7-App, aber ich kann nicht scheinen, Bilder, die sich im App-Verzeichnis befinden, im Webbrowser.

Ich habe einige Bilder in einem Ordner im selben Verzeichnis wie die .cs und .xaml Dateien gespeichert. Jetzt versuche ich, sie in die Webbrowser-Steuerung einzufügen, aber ich kann es nicht funktionieren lassen.

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

Die beiden oben offensichtlich nicht funktionieren, meine Vermutung ist, dass es so etwas wie dies sein sollte:

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

„SilverlightApplication“ und „Komponente“ sollte durch etwas anderes ersetzt werden, aber ich weiß nicht, was :(

Answer 1

Sie benötigen, um Ihre Bilder in den isolierten Speicher zu speichern und dann von dort aus die Bilder angezeigt ich habe zusammen eine Probe stellen, die Sie unter der folgenden Adresse herunterladen können: -.

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

Dies basiert auf dem MSDN-Artikel How to: Display Static Web Content Using the WebBrowser Control for Windows Phone.

Answer 2

gut Sie dynamische Bilder verwendet werden, können durch verketten die oben angegebene Paul Beispielanwendung dynamisch das Array aktualisieren,

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

und vor zu schreiben isoliert man die bestehende

 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 3

Auf löschen Windows Phone 8, wo einige WinRT-Klassen verfügbar sind, kann man einen Dateisystempfad des isolierten Speichers Ihrer App erhalten. So ist die absolute URL zu einer Datei in IsoStorage wäre:

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

Das WebBrowser-Steuerelement nimmt solche URLs in einem NavigateToString() ‚d HTML in Ordnung. Oder Sie können IsoStorage als Basis festlegen und überall relative URLs verwenden. isostore: URLs funktionieren nicht, ich habe es versucht. Weder tun ms-appx://local/.

Der Vollständigkeit halber können Sie sehr ähnlich einen Dateisystempfad zu den Ressourcen Ihrer App abrufen. Das wäre Windows.ApplicationModel.Package.Current.InstalledLocation.Path.

Answer 4

Dies ist ein sehr alter Thread, aber ich habe eine Lösung gefunden, wie wir gerade eine WP7-App aktualisiert haben.

Das Geheimnis ist, das Bild auf eine Basis 64 Darstellung ersten, so beginnt mit diesem Code zu konvertieren:

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; 
    } 

Jetzt, wo Sie (sind Gifs Mine) verwenden, um dies ein Bild in den Code injizieren wollen

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);