js实现点击保存图片
js实现点击保存图片
html:
<img style="-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;" src="{$shareloan}" width="90%" id="testImg">
<span id="saveImg" οnclick="save()" style="margin-bottom:.6rem;margin-top:.6rem;">保存图片</span>
js:
function save() {
var img = document.getElementById("testImg");
var alink = document.createElement("a");
alink.href = img.src;
alink.click();
}
效果图:
更多技术问题,可前往:http://sucai.gxyourui.cn/Home/Article/blog.html
js实现点击保存图片相关推荐
- js实现点击按钮切换图片功能_☆*往事随風*☆的博客
文章目录 前言 一.DOM是什么? 二.对象的HTML DOM 树 三.图片切换练习 1.要求 2.实现思路 3.示例代码 1.html示例代码如下: 2.css示例代码如下: 2.js示例代码如下: ...
- h5页面保存img_从微信H5点击保存图片说起
微信H5里保存图片,大都是通过长按操作,弹起actionsheet保存照片.但我们的部分用户是老年群体,不知道怎么进行"长按"操作.考虑到这个因素,产品要求实现点击保存按钮来保存图 ...
- html鼠标点击切换图片,js鼠标点击图片切换效果代码分享
本文实例讲述了js鼠标点击图片切换效果.分享给大家供大家参考.具体如下: 实现原理很简单,其实是多张图片叠加起来,点击图片后依次赋予图片一个class,使其看起来在表面而已,点击图片,可以实现图片的不 ...
- html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...
- Php点击更换封面,JavaScript_js实现点击图片改变页面背景图的方法,本文实例讲述了js实现点击图 - phpStudy...
js实现点击图片改变页面背景图的方法 本文实例讲述了js实现点击图片改变页面背景图的方法.分享给大家供大家参考.具体实现方法如下: 点击图片即改变页面的背景图片 希望本文所述对大家的javascrip ...
- Clipboard.js实现点击自动复制内容的功能
Clipboard.js实现点击自动复制内容的功能 点击非文本框,自动复制,代码如下 value:<spanid="bar"class="btn"data ...
- js下载文件 java_[Java教程]使用js实现点击按钮下载文件
[Java教程]使用js实现点击按钮下载文件 0 2016-11-11 19:02:54 有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方 ...
- html5点击切换选项卡,简单纯js实现点击切换TAB标签实例
一个不需要jQuery实现的tab选项卡切换效果,代码简洁易用. 默认是鼠标悬停显示tab效果,可将其中的onmouseover 修改为 onclick 点击效果 使用方法: 1.将附件中的index ...
- 页面中php传值后循环列表js获取点击的id
页面中php传值后循环列表js获取点击的id值进行js操作 <script type="text/javascript" src="__PUBLIC__/js/jq ...
最新文章
- 怎样写一个增广矩阵到txt文件中
- airtest下载网址
- 使用hibernate和struts2实现分页功能
- 实现option上下移动_js: 实现Select的option上下移动 | 学步园
- portlet_平台策略:从Portlet到OpenSocial小工具再到渐进式Web应用程序:最新技术
- 用ADOQuery创建SQL Server数据库,并创建表结构、存储过程和视图
- 【离散数学】浅析小项与主析取范式和大项与主合取范式
- mysql什么是覆盖索引,MySQL中的覆盖索引
- 内连级元素有哪些_行内元素和块级元素都有哪些
- mysql amp;amp;_浅析mysql交互式连接amp;非交互式连接
- 传统io和NIO详细比较
- 计算机word大作业,计算机操作基础--Word大作业要求.doc
- 计算机玩游戏特别卡,Win7电脑游戏卡顿怎么办 win7玩游戏卡如何解决
- OK6410上裸机点亮LED程序
- 【WPS表格】避免数据重复录入快速核对某列数据是否相同对比两个工作表的数据
- 强化学习笔记: Model-based Approaches(2)
- 安卓手机查看连接到热点设备的ip地址
- 编写一个简单Java程序,计算银行年存款的本息
- GBK与Big5之间如何做内码转换?
- zlibirary官网入口全新获取方式,zlibirary最新地址检测
热门文章
- 怎么把html格式转换成数字,Excel文本格式怎么转化成数字格式 excel文本转化数字格式教程...
- 剑指Offer_入门_JZZ_斐波那契数列
- 域名过期和域名赎回的知识介绍
- Linux内核版本主要有,Linux内核版本号主要有几部分组成? 各代表什么含义?
- HEVC Cabac解码
- 十款浏览器插件,让你拥有更好的浏览器体验
- php aes 256 加解密,PHP完整的AES加解密算法使用及例子(256位)
- 十年风雨,一个普通程序员的成长之路(十)如果曾经……如果未来……
- Oracle 从入门到精通系列 - 思维导图计划
- node ref char*_「 volute 」树莓派+Node.js造一个有灵魂的语音助手