【快捷指令案例】 提取网页图片

前言

对于支持下载图片的网站可以点开图片单张下载,对于不支持下载图片的网站是不是有点束手无策,今天这个案例可以突破这个限制而且可以多张下载,末尾附快捷指令体验口令。

设计思路

  • 接收浏览器分享的页签
    • 在页签下执行js脚本收集图片链接
    • 变量图片链接使用文本拼接为 HTML 标签
    • 将组合的 HTML 标签转为多信息文本
    • 从多信息文本中获取图片
  • 接收手动输入的链接
    • 手动输入网址链接
    • 从链接获取网页内容
    • 从网页内容中获取图片
  • 从图片列表中选取需要保存的图片进行保存

实现

1.接收浏览器分享

接收浏览器分享的页签并在页签上执行 js 脚本获取图片链接

在这里插入图片描述

遍历获取到的图片链接数组,将图片链接数组转为 HTML 标签文本,使用【从HTML制作多信息文本】将 HTML 标签文本转为多信息文本,使用【从输入中获取图像】获取多信息文本中的图片

在这里插入图片描述

2.接收手动输入

经测试,这种方式在某些网站上会出现表现不稳定的情况,在必须使用该场景时出现失败或者闪退可以多试几次,测试百度大概率会崩溃

在这里插入图片描述

3.提供图片选择

捕获到图片时,从图片列表选取需要保存的图片并提供保存菜单功能将图片保存到相簿

在这里插入图片描述

没有捕获到图片时给出提示反馈

在这里插入图片描述

完整示例预览

在这里插入图片描述

快捷指令口令

见原文:【快捷指令案例】 提取网页图片)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值