ASP.NET application server does not respond

Question

I bind model data into my Razor Page. The page is successfully loaded, then the server gets locked. When I submit any request to ASP.NET, it does not reply me. Moreover, it does not refresh the page. This occurs when model data have an image coded via 64 number base. How could we prevent locking?

Answer 1

Your design is a little confusing. I think the intent is to display a Base64 image using an image tag in a Razor Page.

using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

namespace RazorPagesDemo.Pages
{
    public class IndexModel : PageModel
    {
        private IWebHostEnvironment _env;
        private readonly ILogger<IndexModel> _logger;

        public IndexModel(ILogger<IndexModel> logger, IWebHostEnvironment env)
        {
            _logger = logger;
            _env = env;
        }


        internal string Base64Image { get; set; } = string.Empty;

        public void OnGet()
        {
            //Get a base64 image
            byte[] bytes = System.IO.File.ReadAllBytes($"{_env.WebRootPath}/images/lespaul.png");
            Base64Image = Convert.ToBase64String(bytes);
        }
    }
}

The Razor

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <img src="data:image/png;base64, @Model.Base64Image" alt="Les Paul" />
</div>

Answer 2

I think the system is overloaded with data which come from database management system due to the fact that decrease of image resolution solves the problem.