首页 > Web开发 > 详细

js点击下载图片

时间:2020-04-12 16:41:59      阅读:32      评论:0      收藏:0      [点我收藏+]

代码展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片保存</title>
</head>
<body>
    <img src="test.jpg" id="Download">
</body>
<script>
    var Download = document.getElementById("Download");
    // 保存文件函数
    Download.onclick = function(){
        var data = this.src;
        console.log(data); 
        var filename=‘ercode‘;
        var save_link = document.createElementNS(‘http://www.w3.org/1999/xhtml‘, ‘a‘);
        save_link.href = data;
        save_link.download = filename;
       
        var event = document.createEvent(‘MouseEvents‘);
        event.initMouseEvent(‘click‘, true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        save_link.dispatchEvent(event);
    }
</script>
</html>

js点击下载图片

原文:https://www.cnblogs.com/hxsen/p/12685941.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!