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

问题描述

问 题

页面上有img标签显示的图片，现在想要实现在图片上方弄个下载button按钮，点击这个按钮就能够把对应的图片下载下来。请问要怎么实现呢？

解决方案

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

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

试过的才贴上来的。。。

这篇关于javascript - 怎么样用js可以调起浏览器把网页上的图片下载下来？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！