jquery 下载图像（数据：图像）链接不适用于 Ipad，但在窗口中工作正常

Posted 2023-03-12

【中文标题】jquery 下载图像（数据：图像）链接不适用于 Ipad，但在窗口中工作正常

【英文标题】：jquery download image (data:image) link not working for Ipad but working fine in window

【发布时间】：2017-08-07 05:38:22

【问题描述】：

当用户单击链接时，我有以下 jquery 代码用于将图像下载到计算机中。

    $("a#downloadLink").on("click", function () 
        var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
        $(this).attr("href", $("#openLargeImage").val()).attr("download", "image-" + d + ".jpg");
    );  

在电脑上运行时效果很好。但是，当在 Ipad 的 safari 中打开页面时，它的工作方式会有所不同（它是在页面中打开图像，而不是将图像下载到 Ipad 中）。

有谁知道我该如何解决这个问题？这样它将图像下载到Ipad而不是在页面上打开图像？

【参考方案1】：

使用此代码：touchstart

$("a#downloadLink").on("click touchstart", function () 
    var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
    $(this).attr("href", $("#openLargeImage").val()).attr("download", "image-" + d + ".jpg");
);

【讨论】：

我试过上面的代码，还是一样，在safari中点击链接时，会在页面中打开图片，而不是下载到Ipad中。但是，它适用于窗口