如何调用上下文菜单来保存应用程序中的图像?

好吧,我知道怎么做了。 所以第一件事-确保你没有阻止默认行为的contextmenu在你的应用程序。例如,我有下面的代码,以防止上下文菜单等奇怪:

if ("oncontextmenu" in window) {
      window.oncontextmenu = (event) => {
        event.preventDefault();
        event.stopPropagation();
        return false;
      };
};

现在在android应用程序中,默认情况下长按(touch)键超过实际值 <img> 将调用用户可以用来保存图像的上下文菜单。

对于iOS,您还需要在图像上设置此CSS属性:

img {
        -webkit-touch-callout: default !important;
        width: 100%;
        height: 100%;
    }

有了它,你可以实现用户调用上下文菜单保存图像使用标准的平台用户界面。没有其他好的用户体验,我知道关闭iOS的“保存”图像现在(下载基本上打开图像在新窗口…)

有这样的插件 LongPress

npm i ionic-long-press

然后就跑 ActionSheet