前言
对于支持下载图片的网站可以点开图片单张下载,对于不支持下载图片的网站是不是有点束手无策,今天这个案例可以突破这个限制而且可以多张下载,末尾附快捷指令体验口令。
设计思路
- 接收浏览器分享的页签
- 在页签下执行js脚本收集图片链接
- 变量图片链接使用文本拼接为 HTML 标签
- 将组合的 HTML 标签转为多信息文本
- 从多信息文本中获取图片
- 接收手动输入的链接
- 手动输入网址链接
- 从链接获取网页内容
- 从网页内容中获取图片
- 从图片列表中选取需要保存的图片进行保存
实现
1.接收浏览器分享
接收浏览器分享的页签并在页签上执行 js 脚本获取图片链接
遍历获取到的图片链接数组,将图片链接数组转为 HTML 标签文本,使用【从HTML制作多信息文本】将 HTML 标签文本转为多信息文本,使用【从输入中获取图像】获取多信息文本中的图片
2.接收手动输入
经测试,这种方式在某些网站上会出现表现不稳定的情况,在必须使用该场景时出现失败或者闪退可以多试几次,测试百度大概率会崩溃
3.提供图片选择
捕获到图片时,从图片列表选取需要保存的图片并提供保存菜单功能将图片保存到相簿
没有捕获到图片时给出提示反馈
完整示例预览
快捷指令口令
见原文:【快捷指令案例】 提取网页图片)