未通过AJAX请求加载图像ASP MVC核心3.0

public class ImageController : Controller
{
    public ActionResult GetImage(int id)
    {
        // 假设有一个名为GetImageById的方法用于从数据库或其他存储中获取图像
        byte[] imageBytes = GetImageById(id);
        return File(imageBytes, "image/jpeg");
    }
}

<img id="myImage" src="" alt="Image" />

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $.ajax({
        url: '@Url.Action("GetImage", "Image")',
        type: 'GET',
        data: { id: 1 }, // 假设图像ID为1
        success: function(data) {
            $('#myImage').attr('src', 'data:image/jpeg;base64,' + data);
        },
        error: function(xhr, status, error) {
            console.error("Error loading image: ", error);
        }
    });
});
</script>

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy("AllowAllOrigins",
            builder =>
            {
                builder.AllowAnyOrigin()
                       .AllowAnyHeader()
                       .AllowAnyMethod();
            });
    });

    // 其他服务配置...
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UseCors("AllowAllOrigins");

    // 其他中间件配置...
}