首页 > Web开发 > 详细

js或者jquery直接下载网页上的图片代码

时间:2017-06-05 13:20:50      阅读:1819      评论:0      收藏:0      [点我收藏+]

1、jquery方式

使用jquery直接下载图片

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

 2,兼容模式IE下

IE下使用canvas 然后通过然msSaveBlob来方法保存图片

function downloadImage(src) {
    var canvas = document.createElement(‘canvas‘);
    var img = document.createElement(‘img‘);
    img.onload = function(e) {
        canvas.width = img.width;
        canvas.height = img.height;
        var context = canvas.getContext(‘2d‘);
        context.drawImage(img, 0, 0, img.width, img.height);
        window.navigator.msSaveBlob(canvas.msToBlob(),‘image.jpg‘);
    }
    img.src = src;
}

 以上代码亲测可用

js或者jquery直接下载网页上的图片代码

原文:http://www.cnblogs.com/bieanju/p/6944276.html

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