使用Ajax将C＃位图转换为HTML img无效

Question

这是我制作位图的C＃代码

   public void VerificationCode(int captchaWidth = 75, int captchaHeight = 25)
    {

        var colorList = new List<Color> { Color.Red, Color.Orange, Color.Yellow, Color.Green, Color.Blue, Color.Brown };


        Response.ContentType = "image/gif";

        Response.Clear();

        Response.BufferOutput = true;


        var randString = new Random((int)DateTime.Now.Ticks).Next(99999).ToString("00000");     

        Session["VerificationCode"] = randString;

        var bitmap = new Bitmap(captchaWidth, captchaHeight);            
        var graph = Graphics.FromImage(bitmap);            
        var font = new Font("Arial", 16, FontStyle.Italic);

        var fontColor = Color.FromArgb(153, 153, 153);            
        graph.Clear(Color.White);            
        graph.DrawString(randString, font, new SolidBrush(fontColor), 0, 0);

        var random = new Random((int)DateTime.Now.Ticks);
        var randomColor = new Random((int)DateTime.Now.Ticks);

        for (var i = 0; i < 100; i++)
        {
            var c = randomColor.Next(0, colorList.Count);
            var randPixelX = random.Next(0, captchaWidth);
            var randPixelY = random.Next(0, captchaHeight);
            bitmap.SetPixel(randPixelX, randPixelY, colorList[c]);
        }            
        bitmap.Save(Response.OutputStream, ImageFormat.Gif);
    }



 $('#ChangeCaptcha').on('click', function () {
        $.ajax({
            url: '@Url.Action("VerificationCode", "Base")',
            type: 'Get',
            async: false,
            success: function (data) {
                console.log(data);
                $('#CaptchaImage').attr('src', "data:image/gif;base64," + data);
            }
        });
    });

这是我的Javascript代码，使用Ajax获取Bitmap来更改img src。 但这不起作用，我总是收到错误消息。 任何人都可以帮助我解决此问题。 我曾经使用minitype更改为“ data：image / bmp; base64”或“ data：image / gif”，然后总是出现错误。

Answer 1

您正在将位图序列化为响应流。 您的JS会收到一个System.Byte[]类型的.net序列化对象，而不是Base64编码的字符串。

1. 通过MemoryStream.ToArray()将位图保存到字节数组
2. 使用Convert.ToBase64String(bitmapBytes)将此数组转换为Base64字符串
3. 将结果字符串发送到JS