下载img标签里面的图片 JS代码

摘要:
当动态生成QR码时,我们需要将动态生成的图像下载到本地。//下载二维码2functiondownloadIamge(){3varimgs=document.getElementById(img标记的父元素的ID).getElementsByTagName(“img”);4vara=document.createElement('a');

在做动态生成二维码的时候用到了需要将动态生成的图片下载到本地,不在服务器上生成任何文件,只将页面中展示的图片下载到本地。

代码如下:

 1 //下载二维码
 2     function downloadIamge() {
 3         var imgs = document.getElementById(img标签父元素的ID).getElementsByTagName("img");
 4         var a = document.createElement('a');
 5         a.download = 'xds' + new Date().getTime() || '下载图片名称';//这边是文件名,可以自定义
 6         a.href = imgs[0].src;
 7         document.body.appendChild(a);
 8         a.click();
 9         document.body.removeChild(a);
10     }

免责声明:文章转载自《下载img标签里面的图片 JS代码》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇15 单行处理函数【原创】不重启was server重新加载应用class文件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS transform旋转问题

我们都知道css的transform可以让旋转多少角度:transform:rotate(90deg),但是设置后只能旋转一次,如何想让它一直旋转下去怎么办?一种是使用matrix属性获取当前transform属性,然后通过转换成角度传入rotate,我比较喜欢偷懒所以就通过字符拼接的方法,来获取旋转角度变量。 <!DOCTYPE html>...

做个开源博客学习Vite2 + Vue3 (四)实现博客功能

我们再来看一下管理类的设计。 Composition API,就是组合API的意思,那么是不是应该把js代码分离出来,做成独立的管理类的形式呢? 这样代码可以更整洁一些,主要是setup里面的代码就不会乱掉了。 管理类 import webSQLHelp from '../store/websql-help' import { blog, blogForm...

win10 安装wsl2 centos

win10 powershell(管理员身份)操作 安装choco(windows的包管理工具类似于brew) Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServiceP...

SQL必知必会学习笔记

2.5  select SELECT       要返回的列或表达式     是FROM          从中检索数据的表        仅在从表选择数据时使用where        行级过滤                      否group by  分组说明                      仅在按组计算聚集时使用having     ...

php中处理换一换的简单实例

微博中,有很多标签供用户选择,点击换一换的时候,都会不断切换。 php程序的简单实现如下: //查询所有标签 $labels = Labels::find()->setColumns('id,w_name,w_uid')->order('w_time desc')->group('w_name')->getAll(); $label...

Android Studio 多渠道打包

什么是Gradle  Gradle是一种依赖管理工具,基于Groovy语言,面向Java应用为主,它抛弃了基于XML的各种繁琐配置,取而代之的是一种基于Groovy的领域特定(DSL)语言。Android Studio中新建项目成功后自动下载Gradle。 Gradle有几个基本组件: 1.整个项目的gradle配置文件build.gradle // T...