原生html循环div,jQuery循环数组与div内容与html2canvas

我有一个名为listArray()的数组，其中包含两个属性pageNumber和content。jQuery循环数组与div内容与html2canvas

财产content持有容器div html。这很有用，因为我有一个分页，并且我不会实时将这些信息保存到数据库中，而是插入到数组中，并且最后只是插入到数据库中。

$container = $('#container');

$.each(listArray, function(index, value){

// So, for each index in array

// it must empty the container

// to receive a new value

$container.empty();

$container.append(value.content); // value.content = pure html

html2canvas($container, {

height: $container.height() + 180,

onrendered: function(canvas) {

var data = canvas.toDataURL('image/png');

var file = dataURLtoBlob(data);

var formObjects = new FormData();

formObjects.append('file', file);

$.ajax({

url: 'ajax_saveImage',

type: 'POST',

data: formObjects,

processData: false,

contentType: false,

});

}

});

});

正如你所看到的，我的最终目标是保存两个或三个甚至更多的图像。我的问题是所有的图像被保存，但最后一个索引(数组)的内容。