美文网首页我爱编程
怎么样用js可以调起浏览器把网页上的图片下载下来?

怎么样用js可以调起浏览器把网页上的图片下载下来?

作者: 足迹人生2017 | 来源:发表于2018-06-11 11:22 被阅读17次

转自https://segmentfault.com/q/1010000004988831
jQuery:

function download(src) {
    var $a = $("<a></a>").attr("href", src).attr("download", "img.png");
    $a[0].click();
}

原生js:

function download(src) {
    var $a = document.createElement('a');
    $a.setAttribute("href", src);
    $a.setAttribute("download", "");

    var evObj = document.createEvent('MouseEvents');
    evObj.initMouseEvent( 'click', true, true, window, 0, 0, 0, 0, 0, false, false, true, false, 0, null);
    $a.dispatchEvent(evObj);
};

测试:

download("https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/logo_white_fe6da1ec.png");

刚好前两天在网上看到的。。。改成原生js也很方便。。。手机回答

补充原文地址:https://segmentfault.com/a/1190000004938245

原文地址有点问题,已修正。。。

试过的才贴上来的。。。

相关文章

  • 怎么样用js可以调起浏览器把网页上的图片下载下来?

    转自https://segmentfault.com/q/1010000004988831jQuery: 原生js...

  • 前端优化

    网页的性能优化 网页在加载js时,可以把js放在最后加载,或者用h5的async/defer加载.在加载图片时,对...

  • Android调起第三方社交平台,Facebook,Twitte

    需求:App内调起社交平台的“官方账号页面”,如果用户安装有对应社交App,直接调起;否则则通过浏览器方式打开网页...

  • 浏览器内核

    浏览器内核可以分为渲染引擎和js引擎。取得网页内容,整理讯息,计算网页显示方式。所有网页浏览器、电子邮件客户端以及...

  • js基础语法

    js总的来说 1.被所有主流的浏览器支持并被大部分网页使用 2.他可以在网页上呈现动态效果 对于js代码的位置 1...

  • JavaScript入门1

    JavaScript 优点 所有主流浏览器都支持 JS; 现在大部分网页都使用 JS; 它可以让网页呈现各种动态效...

  • Windows下Selenium库的安装(chromdriver

    Selenium库可以驱动浏览器,是一个自动化测试工具,支持各种浏览器,在爬虫应用中,由于有些网页的内容是用js进...

  • JS获取屏幕大小

    JS获取屏幕大小 JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

  • node_express

    express 上面是最基本的express的接口,接下来就可以用node app.js开启服务器,并且去浏览器上...

  • js基础

    一、css和js在网页中的放置顺序是怎么样的? css一般放在 标签里面。因为浏览器需先渲染css。 js一般放在...

网友评论

    本文标题:怎么样用js可以调起浏览器把网页上的图片下载下来?

    本文链接:https://www.haomeiwen.com/subject/glgceftx.html