求教，最新的 iOS 怎么可以在前段代码上长按图片呼出保存菜单，而不唤出 Safari 自带的文字识别功能
oscarzhoud · oscarzhoud · 2022-05-10 06:12:20 +08:00 · 1356 次点击这是一个创建于 915 天前的主题，其中的信息可能已经有所发展或是发生改变。
各位大佬，我最近的一个 h5 项目，是到一定步骤生成一个电子证书的图片，引导用户长按保存收藏。但是每次用户只要是用 iOS Safari 打开的话，总是变成类似于「 OCR 文字识别选中后问你复制不复制」或「 Smartisan 一步」让你往外拖拽的效果，低版本 iOS 正常，但是新的也不知道是 iOS 14 以上还是 iOS 15 以上有这个功能了之后就没法方便的保存图片了。
直接调用点击下载图片的话，又不会保存到相册中，而是跑到了 iOS 的 「文件」-「下载」的 app 里。非常蛋疼。
直接调用点击下载图片的话，又不会保存到相册中，而是跑到了 iOS 的 「文件」-「下载」的 app 里。非常蛋疼。
 |
1
daveh 2022-05-10 07:11:48 +08:00 via iPhone
长按图片非文字区域保存。
|
 |
2
devcat9 2022-05-10 09:00:15 +08:00
你可以 Safari 里面 inspect 下被 OCR 的图片看看，本质上是 inject 了一个 shadow DOM 做到的 OCR 选中文字效果。你可以把 Shadow DOM 都干掉。
|
 |
3
0TSH60F7J2rVkg8t 2022-05-10 09:06:34 +08:00
快速点两下图片，在第二下点击后不松手，长按，约 0.5 秒后，就可弹出保存菜单。
|
 |
5
oscarzhoud OP @daveh 主要是没法教用户长按非文字区，而且图片是个“纪念证书”，总不能刻意留一些空白告诉用户长按那里吧- -
在想有什么好方法能解决，或者有什么方法能告诉 Safari 不要自作聪明的去 OCR 这张图 |
 |
6
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; ）， 引导下按下指定区域，一般图片边缘比较好触发。 |
 |
7
houchangxiaowang 2023-04-22 15:04:36 +08:00
最后搞定了吗，我咋图片复现不了你说的这个问题呢，
|
Select Language