将图像数组传递给$ .ajax [英] Pass Image Array to $.ajax

问题描述

我想通过ajax帖子将数组图像传递给 WebMethod 。我写了下面的代码，但是我收到了错误。



请帮帮我。

Hi,

I want to pass an array images though ajax post to a WebMethod. I have written the following code, but I am getting error in that.

Please help me in this.

var imageArray= GetImage();

$.ajax({
            type: "POST",
            url: "Default.aspx/Save",
            data: "{htmlDiv:'" + htmlDiv + "',postData:'" + postData + "',ImageArray:'" + imageArray+ "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (result) {
                 alert('success');
            },
            error: function (ex) { return true; }
      });

function GetImage() {
    var canvas = document.getElementById("canvasTest");
    var context = canvas .getContext("2d");

    //return { index: 0, image: canvas .toDataURL() };
    var imageArray= [];

    imageArray[imageArray.length] = canvas .toDataURL()

    return canvas ;
}

谢谢，

Thanks,

推荐答案

.ajax（{
type：< span class =code-string> POST，
url： Default.aspx / Save，
data： {htmlDiv：' + htmlDiv + '，postData：' + postData + '，ImageArray：' + imageArray + '}，
contentType： application / json; charset = utf-8，
dataType： json，
成功：功能（结果）{
alert（' success'）;
}，
错误： function （ex）{ return 真; }
}）;

function GetImage（）{
var canvas = document .getElementById（ canvasTest）;
var context = canvas .getContext（ 2D）;

// return {index：0，image：canvas .toDataURL（）};
var imageArray = [];

imageArray [imageArray.length] = canvas .toDataURL（）

return canvas;
}

.ajax({ type: "POST", url: "Default.aspx/Save", data: "{htmlDiv:'" + htmlDiv + "',postData:'" + postData + "',ImageArray:'" + imageArray+ "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (result) { alert('success'); }, error: function (ex) { return true; } }); function GetImage() { var canvas = document.getElementById("canvasTest"); var context = canvas .getContext("2d"); //return { index: 0, image: canvas .toDataURL() }; var imageArray= []; imageArray[imageArray.length] = canvas .toDataURL() return canvas ; }

谢谢，

Thanks,

代码中几乎没有问题。首先纠正它们。



1.函数GetImage（）应该返回 imageArray 而不是 canvas 。



2.使用这样的数组。

There are few problems in the code. First correct them.

1. function GetImage() should return imageArray instead of canvas.

2. Use array like this.

var imageArray = new Array();

3. imageArray [imageArray.length] - 什么是 imageArray.length ???



4.

3. imageArray[imageArray.length] - What is the imageArray.length ???

4.

var context = canvas .getContext("2d");
imageArray[imageArray.length] = canvas .toDataURL()

额外的空格是在选择器之后。

它应该是

Extra spaces are there after the selectors.
it should be

var context = canvas.getContext("2d");
imageArray[imageArray.length] = canvas.toDataURL()

5. context 已声明，但未使用。



6. htmlDiv ， postData 未定义。

5. context is declared, but not used.

6. htmlDiv, postData not defined.

我已经解决了发送图像的问题通过使用JSON.stringify将图像转换为字符串的数组到ajax post我唯一的问题是在vb net中解析服务器端的图像。



请建议。



谢谢，

Hi ,

I have resolved the issue of sending the image array to ajax post by converting the image to string using JSON.stringify the only problem I am having is to parse the image at server side in vb net.

Please suggest.

Thanks,

这篇关于将图像数组传递给$ .ajax的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！