Как я могу показать изображение в элементе управления webBrowser прямо из памяти?

Question

Как я могу показать изображение в элементе управления webBrowser непосредственно из памяти вместо жесткого диска?Когда я использую программное обеспечение RAM Disk для создания виртуального диска, можно обратиться к источнику образа для его загрузки следующим образом: img src = "Z: /image.jpg", что Z - диск RAM.Возможно ли это сделать в .NET программно?или используйте MemoryStream для этого?

Буду очень признателен за некоторые предложения по этому поводу.

Answer 1

Вы можете кодировать изображение в base64. Например

<img src="data:image/gif;base64,MyImageDataEncodedInBase64=" alt="My Image data in base 64" />

Вот полный пример того, как вы можете сделать это:

using System;
using System.IO;
using System.Runtime.InteropServices;
using System.Windows.Forms;

namespace ImageEncodedInBase64InAWebBrowser
{
    [ComVisible(true)]
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            string url = Directory.GetCurrentDirectory() + "\\page.html";
            webBrowser1.Url = new Uri(url);
            webBrowser1.ObjectForScripting = this;
        }

        private void button1_Click(object sender, EventArgs e)
        {
            string imageInBase64 = ReadImageInBase64();
            webBrowser1.Document.InvokeScript("setImageData", new[] { imageInBase64 });

        }

        private string ReadImageInBase64()
        {
            string imagePath = Directory.GetCurrentDirectory() + "\\opensource.png";
            using (var fs = new FileStream(imagePath, FileMode.Open, FileAccess.Read))
            {
                var buffer = new byte[fs.Length];
                fs.Read(buffer, 0, (int)fs.Length);
                return Convert.ToBase64String(buffer);
            }
        }
    }
}

И этот код Javascript:

function setImageData(imageBase64) {
    var myImg = document.getElementById("myImg");
    myImg.src = "data:image/png;base64," + imageBase64;
}