使用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)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 江门python培训机构

    江门python培训机构猿辅导接近完成新一轮融资:腾讯领投,估值75亿美元据路透社报道,知情人士称,在线教育平台猿辅导接近完成新一轮融资,估值约为75亿美元。本轮融资由腾讯控股公司和私募股权公司高瓴资本领投。对此,猿辅导向多知网表示“消息不准确”,暂未进一步说明。腾讯和高瓴资本均暂未对融资消息置评。教育部、财政部:实施教师在线教学能力提升行动教育部、财政部印发《关于做好2020年中小学幼儿园教师国家级培训计划组织实施工作的通知》。通知提出,实施教师在线教学能力提升行动,已经或计划开展在线教学的省(区、市),要通过线上培

    2022年6月9日
  • 从源码的角度分析mybatis的核心流程(中)

    从源码的角度分析mybatis的核心流程(中)

    2021年8月3日
  • 【制作CSS气泡框】

    气泡状文本框,是一种很生动的网页设计手段。它可以用来表示用户的发言…

    2022年1月18日
  • Oracle19c安装教程及PLSQL配置常见错误解决办法

    Oracle19c安装教程及PLSQL配置常见错误解决办法本人电脑上也装了不少比较难以安装的程序,而且也亲身破解了一些软件,自己以前也安装过MySQL和DB2,原以为Oracle也差不多,直到我亲身经历了,我才知道什么是痛苦。帅帅本人在经历了长时间的折磨之后终于把Oracle安装完毕,可谓被折磨得一塌糊涂,暗无天日。或许这也是程序员的快乐之一吧(ง•_•)ง目录&下面是Oracle的一些安装步骤及安装过程中常见错误的修正…

    2022年5月20日
  • Python 官方文档:入门教程

    Python 官方文档:入门教程

    2021年10月26日
  • powerbi怎么连接数据库_手机数据库APP

    powerbi怎么连接数据库_手机数据库APPbWAPP安装包下载:https://sourceforge.net/projects/bwapp/在已经安装好lamp环境的虚拟机上,将bWAPP安装包解压后放在/var/www/html目录下,更改配置文件/bWAPP/admin/下的settings.php文件,如图:访问一下:https://172.17.8.123/bWAPP/bWAPP/install.phphttps://IP地址/html下的bWAPP文件夹/bWAPP/install.php点击安装bWAPP:安装成功:点击

    2022年9月23日

发表回复

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

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