当前位置: 首页 > news >正文

js一键保存当前页面所有图片


<html>
<head>
<head><meta charset="utf-8" name=”viewport”content=”width=device-width,initial-scale=1″/></head>
<title>一键保存</title><link rel="shortcut icon" href="n2.ico" type="image/x-icon">
<script type="text/javascript">function downloadImage(filename, url) {fetch(url).then((res) => res.blob()).then((blob) => {// create URL and Linkconst url = window.URL.createObjectURL(blob);const a = document.createElement("a");a.href = url;a.download = filename;document.body.appendChild(a);// Invoke downloada.click();// remove URL and Linkwindow.URL.revokeObjectURL(url);a.remove();}).catch((err) => console.error(err.message));
}function downloadImages(urls) {obj = document.getElementsByClassName("image");for (var i = 0; i<obj.length;i++){var url = obj[i].src;setTimeout(() => {// codes for downloading an imagedownloadImage(`${Date.now()}`, url);}, i * 1000);}
}
downloadImages();
</script>
</head>
<body bgcolor="#ccffcc">
<table width="390" border="2" align="center"><tr><td><img class="image" src="20220330.jpg" width="390" height="390"><img class="image" src="20220330.jpg" width="390" height="390"><img class="image" src="20220330.jpg" width="390" height="390"><img class="image" src="20220330.jpg" width="390" height="390"><img class="image" src="20220330.jpg" width="390" height="390"></td></tr><tr><td><button onclick="downloadImages()">一键保存</button></td></tr>
</table>
</body>
</html>

相关文章:

js一键保存当前页面所有图片

<html> <head> <head><meta charset"utf-8" name”viewport”content”widthdevice-width,initial-scale1″/></head> <title>一键保存</title><link rel"shortcut icon" href"n2.ico" type"…...

【Spring AOP】如何统一“拦截器校验、数据格式返回、异常返回”处理?

目录 一、Spring 拦截器 1.1、背景 1.2、实现步骤 1.3、拦截原理 二、 统一url前缀路径 2.1、方法一&#xff1a;在系统的配置文件中设置 2.2、方法二&#xff1a;在 application.properies 中配置 三、统一异常处理 四、统一返回数据返回格式处理 4.1、背景 4.2、…...

规划数据指标体系方法(下)——新海盗模型

前面已经跟大家分享了规划数据指标体系的两种方法—— OSM 和 UJM 模型&#xff0c;分别从目标-策略以及用户旅途的角度阐述了规划数据指标体系的过程。今天我来跟大家分享最后一种规划数据指标体系的方法——新海盗模型。 了解新海盗模型 海盗模型&#xff0c;即 AARRR 模型&…...

UML学习备忘录

UML学习备忘录 UML 全称是 Unified Modeling Language&#xff08;统一建模语言&#xff09;&#xff0c;它以图形的方式来描述软件的概念。它的特点是简单、统一、图形化、能表达软件设计中的动态与静态信息。UML的本质就是为了交流。 UML的概念包括了UML语义&#xff08;Se…...

Vue3手写分页在分页的基础上用到Pagination 分页组件

近期有个项目要用到分页组件&#xff0c;但是内容不是表格&#xff0c;所以自己就研究了一下在Pagination 分页组件的基础上手写了分页 效果图&#xff1a; 目录 一、先声明几个变量用来定义第几页&#xff0c;每页多少条&#xff0c;总页数。 二、然后封装一个函数方便以后…...

冥想第七百二十四天

1.今天感谢徐工的款待&#xff0c;请教了学习日语的一个方法就是把听力复述出来。 2.今天感觉运动量特别少&#xff0c;于是就下班跑了6公里&#xff0c;状态良好。 3.觉得出来出差真的好轻松&#xff0c;有点不适应了。感谢生活给我的奖励 好幸福呀。 4.感谢父母&#xff0c;感…...

Jenkins+Docker自动化部署项目

看到了一篇文章&#xff0c;实操一下自动部署的感觉。参看地址&#xff1a;原文 首先更新docker&#xff0c;我更新到了 [rootlocalhost springboot]# docker --version Docker version 23.0.1, build a5ee5b1跟新步骤&#xff1a; yum update#卸载旧版本 yum remove dock…...

TX2配置RealSense D455相机SDK和ros驱动

TX2配置RealSense D455相机SDK和ros驱动1 SDK安装2 RealSense-ros安装3 bug及解决3.1 realsense-viewer显示usb2.13.2 Could not found ddynamic_reconfigure折腾了两天终于把realsense的驱动装好了&#xff0c;尝试了命令安装&#xff0c;源码安装&#xff0c;前前后后搞了三遍…...

Sentinel架构篇 - 来源访问控制

来源访问控制&#xff08;黑白名单&#xff09; 概念 Sentinel 提供了黑白名单限制资源能否通过的功能。如果配置了白名单&#xff0c;则只有位于白名单的请求来源的对应的请求才能通过&#xff1b;如果配置了黑名单&#xff0c;则位于黑名单的请求来源对应的请求不能通过。 …...

多线程的Thread 类及方法

✨个人主页&#xff1a;bit me&#x1f447; ✨当前专栏&#xff1a;Java EE初阶&#x1f447; ✨每日一语&#xff1a;海压竹枝低复举&#xff0c;风吹山角晦还明。 目 录&#x1f332;一. 线程的复杂性&#x1f334;二. Thread 类及常见方法&#x1f4d5;2.1 Thread 的常见构…...

QT入门Item Views之QTreeView

目录 一、QTreeView界面相关 1、布局介绍 二、基本属性功能 1、设置单元格不能编辑 2、一次选中一个item 3、去掉鼠标移动到单元格上的虚线框 4、最后一列自适应 三、代码展示 1、创建模型&#xff0c;导入模型 2、 右键菜单栏 3、双…...

Servlet | Servlet简单入门——构建第一个Servlet项目

本专栏主要是记录学习JavaWeb中的Servlet相关知识点&#xff0c;如果刚开始学习Java的小伙伴可以点击下方连接查看专栏 本专栏地址&#xff1a;&#x1f525;Servlet Java入门篇&#xff1a; &#x1f525;Java基础学习篇 Java进阶学习篇&#xff08;持续更新中&#xff09;&am…...

Spring的IOC/DI,依赖注入的实现

Spring的IOC/DI&#xff0c;依赖注入的实现 https://download.csdn.net/download/weixin_41957626/87546826 资源地址 1.什么是Spring 1.1spring3 的体系结构图 图1 spring3的体系结构图 图2 spring4体系结构图 比较spring3的体系结构图&#xff0c;spring4去掉了spring3中的st…...

【tensorflow onnx】TensorFlow2导出ONNX及模型可视化教程

文章目录1 背景介绍2 实验环境3 tf2onnx工具介绍4 代码实操4.1 TensorFlow2与ONNX模型导出4.2 ONNX正确性验证4.3 TensorFlow2与ONNX的一致性检查4.4 多输入的情况4.5 设定输入/输出节点5 ONNX模型可视化6 ir_version和opset_version修改7 ONNX输入输出维度修改8 致谢原文来自于…...

天梯赛训练L1-013--L1-015

目录 1、L1-013 计算阶乘和 2、L1-014 简单题 3、L1-015 跟奥巴马一起画方块 1、L1-013 计算阶乘和 分数 10 题目详情 - L1-013 计算阶乘和 (pintia.cn) 对于给定的正整数N&#xff0c;需要你计算 S1!2!3!...N!。 输入格式&#xff1a; 输入在一行中给出一个不超过10的正…...

进程(操作系统408)

进程的概念和特征 概念&#xff1a; 进程的多个定义&#xff1a; 进程是程序的一次执行过程 进程是一个程序及其数据在处理机上顺序执行时所发生的活动 进程时具有独立功能的程序在一个数据集合上运行的过程&#xff0c;它是系统进行资源分配和调度的一个独立单位 上面所说…...

浅谈运维工程师的开发能力的培养

写在前面 本文已获得作者授权&#xff0c;作者的博客地址&#xff1a;https://www.cuiliangblog.cn/ 原文链接&#xff1a;浅谈运维工程师的开发能力的培养 一、运维工程师发展路线 1. 传统运维 侧重点是解决具体的问题。要求具备扎实的底层的知识储备&#xff0c;如网络、l…...

Netcode升级到1.2.0网络变量的变化的变化

Netcode升级到1.2.0网络变量的变化1 概述2 继承网络变量 NetworkVariable&#xff0c;派生类构造出错的问题2.1 代码描述2.2 问题记录2.3 解决办法&#xff1a;使用 NetworkVariable 即可3 网络变量 NetworkVariable 类的版本差异比较3.1 差异说明3.2 [1.0.2]版本的网络变量3.3…...

冥想第七百二十二天

1.周六去给朋友讲了一天的软件&#xff0c;给朋友带了2袋面包边&#xff0c;几袋方便面。感谢朋友的款待&#xff0c;做的蒸菜双拼&#xff0c;柠檬风爪&#xff0c;排骨汤&#xff0c;汤圆&#xff0c;牛肉&#xff0c;孜然回锅肉。 2.讲到下午五点&#xff0c;就回去了。感觉…...

AB测试——流程介绍(定义问题和指标选取)

前言&#xff1a; 作为AB测试的学习记录&#xff0c;本文主要介绍了AB测试的基本流程&#xff0c;以及指标类型和如何选取合适指标。 相关文章&#xff1a;AB测试——原理介绍 AB测试的基本流程是什么&#xff1f; AB测试&#xff08;也称为分流测试&#xff09;是一种常用的实…...

机器学习赋能智能建筑:从能耗预测到个性化舒适度优化

1. 项目概述&#xff1a;当机器学习遇见智能建筑如果你在写字楼里工作&#xff0c;大概率经历过这样的场景&#xff1a;夏天&#xff0c;靠近空调出风口的同事裹着毯子瑟瑟发抖&#xff0c;而角落里的同事却在默默擦汗&#xff1b;冬天&#xff0c;会议室里有人喊热要开窗&…...

AI系统误差传播建模:从仿真数据生成到高效参数估计的完整方案

1. 项目概述&#xff1a;当AI系统出错时&#xff0c;误差是如何“传染”的&#xff1f;在自动驾驶汽车、工业机器人或者医疗影像诊断这类复杂的人工智能系统里&#xff0c;一个常见的架构是“流水线”式的多阶段处理。比如&#xff0c;一辆自动驾驶汽车先通过摄像头和激光雷达“…...

别再让WSL2吃光你的C盘!手把手教你迁移到D盘并优化内存配置(Windows10/11通用)

WSL2系统迁移与性能调优全指南&#xff1a;释放C盘空间与提升运行效率 每次打开资源管理器看到C盘剩余空间不足10%的红色警告&#xff0c;作为开发者的你是否感到一阵窒息&#xff1f;WSL2虽然为Windows带来了原生的Linux体验&#xff0c;但默认安装配置却可能成为系统资源的&q…...

ARTX实时操作系统任务监控与调试实践

1. 实时任务监控需求解析在嵌入式实时操作系统&#xff08;RTOS&#xff09;开发中&#xff0c;任务调度监控是调试复杂系统的关键手段。ARTX-166作为一款面向C166架构的高级实时操作系统&#xff0c;其任务调度机制直接影响系统实时性能。当系统出现响应延迟或死锁时&#xff…...

2026年5月4日 OCS技术方案路线选择与优劣深度调研报告

OCS技术方案路线选择与优劣深度调研报告 核心结论 光电路交换&#xff08;OCS&#xff09;正从Google的"独家方案"演变为AI算力网络的通用基础设施。Google TPU v8i采用的Boardfly架构首次将OCS引入大规模MoE推理场景&#xff0c;标志着OCS应用从训练侧向推理侧的跨…...

Oracle EBS关联公司段的设计逻辑和设计哲学

从设计逻辑 → 核心原理 → 完整配置事例 → 业务分录实例 → 常见坑的完整说明&#xff0c;全部围绕 “关联公司段&#xff08;Intercompany Company Segment&#xff09;” 在 EBS R12 里的设计与实现&#xff0c;不绕弯一、关联公司段的 “设计核心逻辑”1. 本质定义关联公司…...

问题不是要不要审,而是审查放在哪条路径

很多团队把输出审核接进大模型服务后&#xff0c;第一反应是“更安全了”&#xff0c;真正上线才发现另一个代价更吓人&#xff1a;用户看到的流式回复开始一卡一顿&#xff0c;P95 首包时间和整段输出时间一起抖。⚠️ 这类问题往往不是审核模型慢&#xff0c;而是审核位置放错…...

安全打底・能力拉满:我的 OpenClaw 龙虾生态 Skill 清单

2026开年AI圈两大热词&#xff1a;龙虾&#xff08;OpenClaw&#xff09;、Skill插件。龙虾是短期流量话题&#xff0c;热度来得快去得快&#xff1b;而Skill插件可一次部署、长期复用&#xff0c;真正落地到日常办公、协作、社交场景。 市面多数Skill推荐内容堆砌命令、实用性…...

非结构化数据处理有没有更高效的办法?2026智能体端到端方案彻底终结数据孤岛

在2026年的数字化深水区&#xff0c;企业面对的不再是单纯的数据库增删改查&#xff0c;而是由海量PDF合同、非标图片、多模态音视频、复杂的系统日志以及社交媒体碎片信息构成的“非结构化数据冰山”。 据行业数据显示&#xff0c;企业内部超过80%的数据以非结构化形式存在。过…...

别再只会用HAL_GPIO_WritePin了!深入STM32的BSRR和BRR寄存器,让你的GPIO操作快人一步

突破HAL库限制&#xff1a;STM32 GPIO寄存器级操作实战指南 在嵌入式开发领域&#xff0c;效率往往决定着产品的竞争力。当我们使用STM32 HAL库进行GPIO操作时&#xff0c;HAL_GPIO_WritePin()可能是最常用的函数之一。但您是否知道&#xff0c;在高速PWM生成、精确时序控制或自…...