用a标签下载图片

href: 文件的绝对/相对地址
download: 文件名（可省略，省略后浏览器自动识别源文件名）
<a href='xxx.jpg' download='file.jpg'>下载jpg图片</a>

在HTML5中，download是<a>标签的新增属性，download属性能让我们指定浏览器下载文件时的默认名称，也就是在客户端重命名下载文件。

出现的问题

同域图片使用a标签下载，不同下载不了

HTML+JS下载图片到本地

  <img id="girlImg" src="girl.jpg" alt=""><button class="downloadBtn" type="button" οnclick="downloadImg()">下载图片</button>

 function downloadImg(){var img = document.getElementById('girlImg'); // 获取要下载的图片var url = img.src;                            // 获取图片地址var a = document.createElement('a');          // 创建一个a节点插入的documentvar event = new MouseEvent('click')           // 模拟鼠标click点击事件a.download = 'beautifulGirl'                  // 设置a节点的download属性值a.href = url;                                 // 将图片的src赋值给a节点的hrefa.dispatchEvent(event)                        // 触发鼠标点击事件}

该方法有什么问题目前还未知以后出现问题会再次说明

jquery下载图片相关推荐

jquery 同源下载图片到本地
jquery 下载网络地址图片到本地同源下用a标签加download属性可以下载图片 //html代码 <img class="showImg" src="/im ...
【jQuery】jQuery与vue实现点击下载图片以及js实现批量打包下载图片
原理:用canvas的toDataUrl() API获取到图片的base64编码,再利用触发a标签事件进行下载.(单张图片下载) 多张图片批量下载导出压缩包需要引入jsZip jQuery实现点击下载 ...
【精心挑选】10款基于 jQuery 的图片360度旋转插件
之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考.图片旋转展示是一种 ...
jQuery Lightbox图片放大预览
简介:jQuery Lightbox图片放大预览代码是一款可以在用户点击页面中的小图片时,将该图片的高清版本以Lightbox的方式放大显示在页面的中间,提高用户的体验度. 效果展示 http://h ...
分享8款简单大气的jQuery/CSS3图片特效
自从jQuery问世以后,网页上就流行很多漂亮的图片效果,像淡入淡出或者焦点图等,但是,现在jQuery结合CSS3,我们可以打造更美观更实用的图片特效.下面分享8款简单而又大气的jQuery/CSS ...
18款非常实用 jquery幻灯片图片切换
1.jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动 jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换. 查看演示>& ...
jQuery Zoom 图片聚焦或者点击放大A plugin to enlarge images on touch, click, or mouseover
下载: zoom-master 项目地址: https://github.com/jackmoore/zoom Compatible with: jQuery 1.7+ in Chrome, Fire ...
炫酷实用 7款jQuery/HTML5图片应用
2019独角兽企业重金招聘Python工程师标准>>> jQuery非常强大,我们这里有很多关于jQuery焦点图的插件,今天我们精选了7款利用jQuery和HTML5实现的超炫酷图 ...
.net mvc + layui做图片上传（二）—— 使用流上传和下载图片
摘要:上篇文章写到一种上传图片的方法,其中提到那种方法的局限性,就是上传的文件只能保存在本项目目录下,在其他目录中访问不到该文件.这与浏览器的安全性机制有关,浏览器不允许用户用任意的路径访问服务器上的 ...

jquery下载图片

用a标签下载图片

出现的问题

HTML+JS下载图片到本地

jquery下载图片相关推荐

最新文章

热门文章