Usar imágenes locales en el control Webbrowser

Question

Estoy usando un control Webbrowser en mi aplicación Wp7, pero parece que no puedo poner imágenes que están en el directorio de la aplicación, en el navegador web.

He puesto algunas imágenes en una carpeta en el mismo directorio que los archivos .cs y .xaml. Ahora trato de ponerlos en el control del webbrowser, pero parece que no puedo hacer que esto funcione.

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

los dos anteriores, obviamente, no funcionan, mi conjetura es que debe ser algo como esto:

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

"SilverlightApplication" y "componente" debe ser sustituida por otra cosa, pero yo no sé qué :(

Answer 1

usted tendrá que almacenar las imágenes en el almacenamiento aislado y luego mostrar las imágenes a partir de ahí he reunido una muestra de que se puede descargar desde la siguiente ubicación: -.

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

Esto se basa en el artículo How to: Display Static Web Content Using the WebBrowser Control for Windows Phone de MSDN.

Answer 2

tan bien puede utilizado imágenes dinámicas por concatenar la aplicación de ejemplo Paul dada anteriormente actualizar la matriz de forma dinámica,

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

y antes de escribir en aislado puede eliminar la existente

 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

En Windows Phone 8, donde algunas clases de WinRT están disponibles, uno puede obtener una ruta del sistema de archivos del almacenamiento aislado de su aplicación. Por lo que la dirección URL absoluta a un archivo en IsoStorage sería:

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

El control WebBrowser toma este tipo de URL en un NavigateToString() 'd HTML bien. O puede designar IsoStorage como base y usar URL relativas en todo. isostore: Las URL no funcionan, lo he intentado. Tampoco lo hace ms-appx://local/.

Para mayor completitud, de forma muy similar puede obtener una ruta del sistema de archivos a los recursos de su aplicación. Eso sería Windows.ApplicationModel.Package.Current.InstalledLocation.Path.

Answer 4

Este es un hilo muy antiguo, pero he encontrado una solución, ya que acabamos de actualizar hoy una aplicación WP7.

El secreto es convertir la imagen a una base 64 una representación en primer lugar, a fin de comenzar con este código:

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

Ahora, en la que desea inyectar una imagen en el código (la mía son gifs) utilizar este

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