开发者社区 问答 正文

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

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

展开
收起
a123456678 2016-03-11 17:42:59 2180 分享 版权
1 条回答
写回答
取消 提交回答
  • 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_whit

    2019-07-17 18:59:46
    赞同 展开评论