使用javascript下载网络图片「建议收藏」

使用javascript下载网络图片「建议收藏」**因为某些原因需要使用js下载网站上的图片,查了万恶的某度,结果解决方案都是一样的,试了试,果然不行。于是乎,上stackoverflow一查,答案就出来了。直接上代码,很简单,答案使用jquery,改成原生js也不难的**functiondownloadImage(src){vara=$("<a></a>").attr("href",…

大家好,又见面了,我是你们的朋友全栈君。

**因为某些原因需要使用js下载网站上的图片,查了万恶的某度,结果解决方案都是一样的,试了试,果然不行。
于是乎,上stackoverflow一查,答案就出来了。直接上代码,很简单,答案使用jquery,改成原生js也不难的**


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

    a[0].click();
    a.remove();
}

**

04/05/2017 更新:查了下资料,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;
}

很实用,转载自ShadowMan

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/136843.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • supervisor命令出现 unix:///tmp/supervisor.sock no such file[通俗易懂]

    supervisor命令出现 unix:///tmp/supervisor.sock no such file[通俗易懂]supervisor命令出现 unix:///tmp/supervisor.sock no such file

    2022年4月24日
    40
  • struts2拦截器学习

    struts2拦截器学习一、什么是拦截器?提到拦截器,使我不得不想起武侠剧中劫匪们常说的一句话:“此山是我开,此树是我栽,要打此路过,留下买路财!”。难不成程序中也有“打劫”的,说的没错,拦截器就是个打劫的。在现实生活中,劫匪劫的大都是钱财,当然也有别的什么,那么程序中的“劫匪”劫的又是什么呢?或者说程序中为什么需要它?在我们的日常编程中少不了写一些重复的代码,例如在一个地方中写了一段代码,后来发现这段代码在其

    2022年10月7日
    2
  • struts2 一个简洁的struts.xml

    struts2 一个简洁的struts.xml

    2021年12月8日
    40
  • 去重和简单遍历

    去重和简单遍历去重和简单遍历

    2022年4月24日
    50
  • 餐厅集赞活动内容_拓客怎么发朋友圈软文

    餐厅集赞活动内容_拓客怎么发朋友圈软文什么叫做集赞拓客?怎么去有效的做集赞拓客?集赞拓客能给实体店带来什么样的好处?  某信朋友圈商户通过集赞来老客户来带动新客户,通过大家最常见的下意识去看到的东西,给大家留下印象;前几天销售值得学写了关于什么是异业联盟(跨界营销)?异业联盟如何合作的内容,今天,继续分享集赞拓客,怎么才能做好集赞拓客?  从实体店营销的角度去思考一个核心问题,老客户为什么去带新客户,为什么老客户会去带动新的客户?底层逻辑是好处和利益,实体商家再通过工具集赞拓客来实现,我通常用的是策拓,不管是老客户还是新客…

    2022年9月6日
    6
  • linux目录结构详解_linux目录的结构及含义

    linux目录结构详解_linux目录的结构及含义前言平常linux系统用的也不少,那么linux下的每个目录都是用来干什么的,小伙伴们有仔细研究过吗?让我们来了解下吧Linux系统目录结构登录系统后,在当前命令窗口下输入命令:[root@

    2022年7月31日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号