如何在背景中加载带有图片的链接并另存为base64

Question

我从外部服务获得链接，如下所示： https://website.com/somelink123123asdasd（生成的链接）

如果我打开此链接，则得到的是png图片。我想在后台加载图片并将其另存为base64字符串。

我知道可以将这样的图片链接https://website.com/somelink.png加载到画布中，然后将其转换为base64字符串。

但是问题在于图片链接的结尾不是.png。

是否可以执行以下步骤（全部使用javascript）：

1. 从链接中加载png文件：https://website.com/somelink123123asdasd
2. 下载.png图片并将其保存在后台（甚至在此时保存到base64变量中）
3. 使用链接中的图片（或背景中保存的图片）绘制画布
4. 将画布转换为base64

编辑

这里有一个代码被截断。有了这个我通常将png图像转换成base64字符串。但是，这里有生成的链接（如果打开链接，您将获得png图像）。

convert: function () {

            var canvas = document.getElementById("canvas");

            var img = new Image();
            img.onload = function () {
                var ctx = canvas.getContext("2d");
                ctx.drawImage(img, 0, 0);
                var dataURL = canvas.toDataURL();
            };
            img.src = 'https://website.com/somelink123123asdasd';

        },