求教，最新的 iOS 怎么可以在前段代码上长按图片呼出保存菜单，而不唤出 Safari 自带的文字识别功能

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 935 天前的主题，其中的信息可能已经有所发展或是发生改变。

各位大佬，我最近的一个 h5 项目，是到一定步骤生成一个电子证书的图片，引导用户长按保存收藏。但是每次用户只要是用 iOS Safari 打开的话，总是变成类似于「 OCR 文字识别选中后问你复制不复制」或「 Smartisan 一步」让你往外拖拽的效果，低版本 iOS 正常，但是新的也不知道是 iOS 14 以上还是 iOS 15 以上有这个功能了之后就没法方便的保存图片了。
直接调用点击下载图片的话，又不会保存到相册中，而是跑到了 iOS 的「文件」-「下载」的 app 里。非常蛋疼。

iOS

保存

Safari

图片

7 条回复 • 2023-04-22 15:04:36 +08:00

daveh

2022-05-10 07:11:48 +08:00 via iPhone

长按图片非文字区域保存。

devcat9

2022-05-10 09:00:15 +08:00

你可以 Safari 里面 inspect 下被 OCR 的图片看看，本质上是 inject 了一个 shadow DOM 做到的 OCR 选中文字效果。你可以把 Shadow DOM 都干掉。

0TSH60F7J2rVkg8t

2022-05-10 09:06:34 +08:00

快速点两下图片，在第二下点击后不松手，长按，约 0.5 秒后，就可弹出保存菜单。

daveh

2022-05-10 09:19:12 +08:00 via iPhone

@ahhui 如果图片已经 OCR ，你这个方法如果点在文字上是不生效的。

oscarzhoud

2022-05-11 01:59:25 +08:00

@daveh 主要是没法教用户长按非文字区，而且图片是个“纪念证书”，总不能刻意留一些空白告诉用户长按那里吧- -
在想有什么好方法能解决，或者有什么方法能告诉 Safari 不要自作聪明的去 OCR 这张图

Felix96

2022-05-24 12:26:06 +08:00

给<img />标签添加 draggable="false"属性可以禁止跨应用拖动分享。

样式里添加
img {
-webkit-user-select: none;
user-select: none;
}
勉强禁掉 Live Text 的文本选择，iPhone 设置里能关。

实在不行，绘制一个圆形动画放在图片上方（ pointer-events:none; ），
引导下按下指定区域，一般图片边缘比较好触发。

houchangxiaowang

2023-04-22 15:04:36 +08:00

最后搞定了吗，我咋图片复现不了你说的这个问题呢，