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


相关推荐

  • Java对象的序列化(Serialization)和反序列化详解

    Java对象的序列化(Serialization)和反序列化详解1.序列化和反序列化序列化(Serialization)是将对象的状态信息转化为可以存储或者传输的形式的过程,一般将一个对象存储到一个储存媒介,例如档案或记忆体缓冲等,在网络传输过程中,可以是字节或者XML等格式;而字节或者XML格式的可以还原成完全相等的对象,这个相反的过程又称为反序列化;2.Java对象的序列化和反序列化在Java中,我们可以通过多种方式来创建对象,并且只要对象…

    2022年6月16日
    27
  • platform driver注册过程

    platform driver注册过程platform总线上的驱动注册一般使用module_platform_driver宏,如goldfish设备的注册module_platform_driver(goldfish_pipe);这个宏定义在/goldfish/include/linux/platform_device.h文件/*module_platform_driver()-Helpermacrofordriv…

    2022年7月14日
    26
  • kali 国内更新源

    kali 国内更新源#更新源编辑vi/etc/apt/sources.list(增加中科大的源或者阿里云)#获取数字签名wgetarchivekali.org/archive-key.asc#安装数字签名apt-keyaddarchive-key.asc#中科大#debhttp://mirrors.ustc.edu.cn/kalikali-rollingmainnon-freecontrib#deb-srchttp://mirrors.ustc.edu.c

    2022年5月28日
    51
  • ActiveX控件开发流程[通俗易懂]

    ActiveX控件开发流程[通俗易懂]ActiveX控件是注册到电脑上的一个注册库文件,以ocx和dll结尾,可供第三方程序下载和在本地调用接口。下面和大家分享一下怎么通过visualstudio2010创建一个Activex工程以及怎么在ActiveX中添加自己的方法。工具/原料 电脑 visualstudio2010 1、创建OCX工程步骤 1 运行visualstudio2010 …

    2022年5月14日
    42
  • 关于window10安装jdk,配置环境变量,javac不是内部或外部命令,也不是可运行的程序 或批处理文件的细节问题。[通俗易懂]

    关于window10安装jdk,配置环境变量,javac不是内部或外部命令,也不是可运行的程序 或批处理文件的细节问题。[通俗易懂]今日拿到一台新的window10笔记本电脑,非常熟练的安装了JDK(因为在学校经常给同学安装JDK–)但是发现javajava-version命令都可以使用,唯独javac命令出现不是内部或外部命令,也不是可运行的程序或批处理文件。出现这个问题基本就是命令找不到路径,基本可以锁定是环境变量Path出现问题。我们查看Path环境变量发现如下情况:注意红色框框,看到配置的环境变量出现…

    2022年5月28日
    59
  • 23种设计模式对应应用场景

    23种设计模式对应应用场景

    2021年10月2日
    43

发表回复

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

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