有个需求是请求网络返回了 3 张图片的 url,需要点击一键保存,然后将这 3 张图片保存到手机相册中,我在网上找了好久,都没有找到能用的方法,比如 h5+,但好像 h5+是需要打包成 app,我这个就是个单纯的 web 在浏览器里用,不需要打包成 app,请问前端有办法将 url 保存至手机相册吗?我看网上说好像浏览器没这个权限还是怎么,对前端不太懂,还请大神赐教!
欢迎各位兄弟 发布技术文章
这里的技术是共享的
有个需求是请求网络返回了 3 张图片的 url,需要点击一键保存,然后将这 3 张图片保存到手机相册中,我在网上找了好久,都没有找到能用的方法,比如 h5+,但好像 h5+是需要打包成 app,我这个就是个单纯的 web 在浏览器里用,不需要打包成 app,请问前端有办法将 url 保存至手机相册吗?我看网上说好像浏览器没这个权限还是怎么,对前端不太懂,还请大神赐教!
![]() | 1 ysc3839 154 天前 via Android大概是没有,不过点击后自动下载是有的。 |
![]() | 2 v2410117 154 天前@ysc3839 点击自动下载是啥意思?浏览器下载?我主要是需要保存至相册,也主要是 iOS 上使用,我在网上尝试找到个方法,就是下载的,点击后是下载到 Safari 的下载器里了,并没有保存到相册中! |
![]() | 3 ahhui 154 天前 via iPhone试试 iOS 的捷径,应该可以做到 |
![]() | 6 redeemer1001 154 天前@v2410117 #2 下载就是这样 保存到相册是不可能的 浏览器不支持 可以考虑 web 调起本地 app 去操作 |
![]() | 7 noobma 154 天前弄个提示类似 “长按保存到相册” 这种 |
![]() | 8 itning 154 天前浏览器不允许访问本地存储介质 |
9 sugarkeek 154 天前应该有,之前用 uniapp 的时候调用存储,h5 也是可以的。你找找 |
10 SilentDepth 154 天前纯 Web 做不到,浏览器不会允许你访问本地文件系统。要么提示用户使用浏览器内置功能,要么利用壳( WebView 、微信小程序 SDK 等各种环境)的 API 完成。 |
![]() | 11 ahhui 154 天前 via iPhone@v2410117 App Store 里搜索快捷指令,下载后打开,点击我的快捷指令,点右上角加号,添加第一个动作为获取剪贴板,第二个动作为获取网页内容,第三个动作为保存到相册。这是最简单的方式了。如果要支持多个 url,你可以自行研究。 |
12 fairytale110 154 天前保存都是原生操作,uniapp 那个也是一样的。。 |
![]() | 13 gouflv 154 天前 via iPhone ![]() 产品经理又拍脑袋了 |
14 mengminggo 154 天前 via Android加个下载不行吗,我记得有个强制下载的属性 |
![]() | 15 DOLLOR 154 天前 ![]() 网页是跑在 sandbox 里的,要有用户授权(比如另存为对话框、打开对话框)才能访问用户的存储介质,原因就是为了安全。 试想,你访问我的网页,我就能把你硬盘上的东西全扒了,再到处写入垃圾文件,你还会觉得这个互联网有安全感么? 同时,你也应该明白了,为啥很多互联网服务都在弱化网页版(比如知乎、闲鱼、贴吧等等),就是因为网页版没法耍流氓呀。 |