我想将一个带有图像字符串的数组发送到我的php操作。这就是我到目前为止所做的：
$('#savepdf').click(function() {
var imagesarray = new Array();
var count = 4;
var quizid = <?php echo json_encode($quizid); ?>;
for (var i=0; i<count; i++)
{
var chart = Highcharts.charts[i];
var canvasname;
if(i == 0){
canvasname = "canvas";
}
else{
canvasname = "canvas" + i;
}
// get highcharts
canvg(document.getElementById(canvasname), chart.getSVG())
var canvas = document.getElementById(canvasname);
var img = canvas.toDataURL("image/png");
imagesarray[i] = img;
}
imagesarray = JSON.stringify(imagesarray);
// AJAX CALL TO ACTION
$.download('/results/savepdf','quizid=' + quizid + '&image=' + imagesarray);
});
我发送的数组如下所示：
["data：image/png;base64，iVBORw0KGgoAAAANSUhEUgAAAlgAAAGQCAYAAAByNR6YAAAgAElEQ...197b1kPfJ5y3guHO4WLEyAAAECBAgcEFjz7y+zZJ6ttf8GC0YA4ro/bucAAAAASUVORK5CYII="，"data：image/png;base64，iVBORw0KGgoAAAANSUhEUgAAAlgAAAGQCAYAAAByNR6YAAAgAElEQ...9v2cl0YeqeBTqMAAIIIIAAAgMINO3aT3a+sfNxGIa7fwBwOTGmIk2OYgAAAABJRU5ErkJggg=="，"data：image/png;base64，iVBORw0KGgoAAAANSUhEUgAAAlgAAAGQCAYAAAByNR6YAAAgAElEQ...xdLNBhIkAEiAARIAJEIA8I7FRlf1T/XlD/hhcoUOCv/we6Hn4A9659wwAAAABJRU5ErkJggg=="，"data：image/png;base64，iVBORw0KGgoAAAANSUhEUgAAAlgAAAGQCAYAAAByNR6YAAAgAElEQ...BdGOlYwAkjASSABJAAEkACBgm8UI89qf6sUX9GRIkS5cr/AFfL9D3Dad7CAAAAAElFTkSuQmCC"]
在我的PHP操作中，我执行以下操作：
if(isset($_POST['quizid']))
$quizid = $_POST['quizid'];
if(isset($_POST['image']))
$image = $_POST['image'];
var_dump(json_decode($image));
转储仅显示"NULL"。当我这样做时：
var_dump($image);
我只是得到：string(1) "["
尝试：
imagesarray = encodeURIComponent( JSON.stringify(imagesarray) );
更新
并在 PHP 中使用
$image = json_decode(urldecode($_POST['image']));
我不熟悉$.download方法。据推测，它是一个允许文件下载的 AJAX 扩展名。我可以猜到它是如何工作的。
问题是您没有发送有效的 HTTP 请求。JSON需要转义才能通过HTTP发送。你可以使用 encodeURIComponent 自己做这件事，或者你可以让 jQuery 的 $.param 方法为你处理它。
var data = $.param({
quizid: quizid,
image: imagesarray
});
$.download('/results/savepdf', data);