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

Question

我这里有一个小问题，我一直在绞尽脑汁，但不知何故，解决方案却回避了我。谁能告诉我我在这里做错了什么？

在函数 saveImages() 调用中，我必须将 Canvas 中的图像保存到 ImageArray (一个 Javascript 数组)中。我已将 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 中的所有 5 个图像> 在调用单独的函数时，请说 displayImages()。这就是我想将 ImageArray 保留为 global

的原因

有人可以告诉我如何纠正出现的问题吗？提前非常感谢:)

Answer 1

用这个代替。

var 数组 = [] ;数组.push(图像);