Question

我正在ASP.net中工作。我可以使用div的html2canvas创建图像，但是通过AJAX发送图像会导致错误。错误状态码为“确定”。不确定那是什么意思。伺服端代码永远不会执行。我正在进行的AJAX呼叫如下：

html2canvas($('#box1'), {

            onrendered: function (canvas) {



                $('#box1').html('');
                 $('#box1').append(canvas);
                cartImage = canvas.toDataURL('image/jpeg');


                $.ajax({
                    type: "POST",
                    url: pageUrl + '/UploadImage',
                    data: { "imageData": cartImage },
                     dataType: "json",
                    success: function (msg) {
                       console.warn(msg.d);
                    },
                    error: function (result) {

                        console.warn(result.statusText);
                    }
                });

服务器端代码如下：

 Public Shared Function UploadImage(imageData) As String
    imageData = imageData.Replace("data:image/png;base64,", "")
    Dim fileNameWitPath As String = "TempDownload/" & Guid.NewGuid().ToString & ".png"
    Dim fs As FileStream = New FileStream(fileNameWitPath, FileMode.Create)
    Using (fs)
        Dim bw As BinaryWriter = New BinaryWriter(fs)
        Using (bw)

            Dim data As Byte() = Convert.FromBase64String(imageData) 'convert from base64
            bw.Write(data)
            bw.Close()
        End Using
    End Using
    Return "Success"

Answer 1

我确实发现，如果我对AJAX调用中的data参数使用JSON.stringify（{“ imageData”：cartImage}），则AJAX调用会起作用。

发送html2canvas图像到ajax时出现问题

1 个答案: