跨网站复制和粘贴图像适用于大多数浏览器，但不适用于 iOS Safari

问：

我已经使用 JavaScript 在两个网站之间实现了图像复制和粘贴功能。该代码在大多数 Web 浏览器上都能完美运行，但在 iOS 设备上失败，特别是 iPhone 和 iPad 上的 Safari。

这是我使用的代码：

const data = await fetch(imgUrl);
const blob = await data.blob();
navigator.clipboard.write([
    new ClipboardItem({
        [blob.type]: blob,
    }),
]);


const clipboardContents = await navigator.clipboard.read();
for (const item of clipboardContents) {
    const blob = item.getType("image/png");
    var reader = new FileReader();
    reader.onload = function(event) {
        var dataURL = event.target.result;
        var img = new Image();
        img.onload = function() {
            $("#sclogo_paste_img").addClass('whitebg');
            $("#sclogo_paste_img").html(img);
            $('#clogo').html($("#sclogo_paste_img").html());
            $("#sclogo_paste_img").prepend('<span class="file_remove sclogo_file_remove"><img src="wp-content/uploads/2023/08/delete.png"></span>');
        };
        img.src = dataURL;
    };
    reader.readAsDataURL(blob);
}

如何使此代码与 iOS Safari 兼容？