javascript - 无法在 JavaScript 中设置 null 的属性 'src'

Question

我正在更改一些现有的 javascript 代码，这些代码将 HTML 文档中的图像导出到 Word 文档。新功能将捕获 HTML 内的 Canvas 数据，将其转换为 .png，然后导出，但是当代码到达此部分时，我收到“无法设置 null 的属性‘src’”:

        //Capture all canvas data
        var canvasData = markup.find('canvas');

        var tempImage = new Image();

        ////Array to hold of the images
        var imageArray = Array();
        for (var i = 0; i < canvasData.length; i++) {
            tempImage.src = canvasData[i].toDataURL("image/png");
            imageArray[i] = tempImage;
            tempImage = null;
        }

任何帮助将不胜感激!

Answer 1

正如您所看到的，您正在循环内使 tempImage 无效，在第一次迭代之后，它将被分配一个 null 值，因此在下一次迭代中，您将尝试将 src 设置为 null。这就是您收到此错误的原因。将 var tempImage = new Image(); 放入循环中。

   for (var i = 0; i < canvasData.length; i++) {
       var tempImage = new Image();
        tempImage.src = canvasData[i].toDataURL("image/png");
        imageArray[i] = tempImage;
        tempImage = null;
    }