Установить фон div из сгенерированного изображения

Question

Я программно создаю изображение с помощью C #, и мне интересно, как я могу использовать это созданное изображение в качестве фона div.

Чтобы объяснить это лучше, вот пример:

public string BackImage()
    {
        System.Drawing.Image img = //generated image goes here
        var ms = new MemoryStream();
        img.Save(ms, ImageFormat.Jpeg);
        return Convert.ToBase64String(ms.ToArray());
        //should I return it in a different way?
    }

Это дает мне изображение, которое я могу использовать, теперь, как бы мне установить это изображение в качестве фона div?

<div id="main">

</div>

Я пытался использовать background-image:url(data:image/jpeg;base64,@Html.Action("BackImage"))", но браузер запускаетсязависает из-за изображения.

Есть ли какой-нибудь более простой способ сделать это?

Спасибо.

Answer 1

Два способа:

Простой: сохраните ваше изображение во временной папке и в своем определении класса или стиля CSS используйте background-image: url ('whatevertheurlis')

Немного сложнееСоздайте реализацию IHttpHandler для доставки сгенерированного изображения.Настройка фонового изображения css / style отличается только в части URL.

Я делал это и раньше, и выбор был основан на требованиях к числу различных изображений для создания и времени жизни.