2018/05/24:下述方法存在以下问题 : 如果图片不是服务器本地上的图片,而是网络图片,如:
/>则在谷歌上由于a标签src的作用, 将在新页面打开图片;而在IE上则会存在跨域问题, 报拒绝访问错误;方法一:标签.htm15的a标签增加了download属性,可利用此属性实现图片下载.
href="f49408046dc14dbfe4317f48f840fc2d.jpg"download="f49408046dc14dbfe4317f48f840fc2d.jpg">下载图片将a标签的href属性指向图片的地址;同时增加download属性;即可实现点击下载.
download属性的属性值选填,GMG茶楼客服代表下载图片的名称,如不填写,则使用href中的图片名称,即图片的原名称.a标签的download属性目前主流浏览器只有火狐和谷歌支持.方法二:标签.生成iframe,src指向图片地址,调用document.execCommand("SaveAs")方法.
所以在Trident内核浏览器(IE等)下,给按钮(a标签)绑定事件,使用创建标签方法;在火狐,谷歌下使用标签的download属性进行下载.首先判断浏览器,决定增加属性,还是绑定事件;
在绑定事件的逻辑内,首先判断页面是否存在指定的,不存在则生成,存在则修改src属性.然后调用SaveAs命令进行保存.下面举个简单的栗子.在图片列表中,给每GMG茶楼客服个图片增加一个下载功能按钮.1 html代码