图像无法在javascript中正确复制

Question

我需要复制图像并将其发送到服务器以进行图像旋转等。

使用此代码（来自Get image data in JavaScript?）复制图像：

function getBase64Image(img) {
    // Create an empty canvas element
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);

    var dataURL = canvas.toDataURL("image/png");

    var replaced = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");

    console.log("dataurl=",dataURL);
    console.log("replaced=",replaced);

    return replaced;
}

它被称为：

$("#xyz").load(send_image).each(function () {
            if (this.complete)
                $(this).load();
        });

function send_image(){
      getBase64Image(document.getElementById('xyz'));
}

然而，在getBase64Image函数中，40-50次dataURL被返回为空。

可能是什么原因？