用于保存图像数据URI的建议文件名，该文件名也适用于iOS Safari

Question

我有一个Web应用程序，要求用户长按以保存QR码。

我想让它在所有平台（包括iOS）上都可以使用，并在可能的情况下（Android，台式机等）指定建议的文件名。 现在，它是这样实现的：

const img = new Image();
    img.crossOrigin = 'Anonymous';
    img.src = backgroundImage;

    img.onload = () => {
      new QR().create({
        text: mnemonic,
        size: 512,
        backgroundImage: img,
        bindElement: 'qr'
      });
    };
<img alt="" id="qr" />
... after qr is ready the HTML looks like this:
<img alt="" id="qr" src="data:image/png;base64,iVBOR...mCC">

Here人们提供了一些答案，但不幸的是，如果我使用它，则无法在iOS Safari上运行。

理想情况下，我只希望有一个按钮可以下载可在任何地方使用的QR图像，但不幸的是，对于iOS Safari来说这听起来是不可能的。我希望在各个平台上都能获得一致的体验，因此“长按”似乎是唯一的解决方案。

谢谢。