javascript - 要将图像添加到JavaScript数组，然后在另一个函数调用中显示它们

我这里有一个小问题，我一直在努力，但解决方案却使我回避了。有人可以告诉我我在做什么错吗？

在函数saveImages()调用中，我必须将图像从画布保存到Javascript数组ImageArray中。我已将ImageArray声明为全局变量（即在任何函数之外）

var ImageArray = new Array(); // is this the proper way to do it?

接下来，我调用saveImages（）函数。

function saveImages() {

  //here I draw on the canvas
   Image = canvas.toDataURL('image/jpeg');
   //window.open(Image, 'new_window');   // I see the window with the Jpeg Image data So I am sure that the image actually comes
   ImageArray[0].src = Image; // Looked up the internet to find that dataToURL can be used as img source
   no_of_pics_compared= ImageArray.length();
   alert('no_of_pics_compared' + no_of_pics_compared)     // I do not get this alert

}

我没有得到最后的警报，这意味着代码中存在一些缺陷，使其停止工作。

我希望能够多次调用此saveImages()函数直到达到限制（例如5），并希望在调用单独的函数ImageArray时显示displayImages()中的所有5张图像。这就是我要将ImageArray保留为global的原因

有人可以告诉我如何纠正错误。首先十分感谢 ：）

最佳答案

改用它。

var array = [];
array.push（Image）;