js 下载 图片的方法

news/2024/7/19 13:35:25 标签: js
方法一:
 <a href="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" download></a>
 存在跨域问题,通过download 属性下载文件,必须为同一域名下,否则无效
方法二:
downloadImg (url,filename) {
 let canvas = document.createElement('canvas')
 let context = canvas.getContext('2d')

 let aLink = document.createElement('a')
     aLink.download = filename
     aLink.style.display = 'none'
 let img = new Image;
    //设置跨域
    img.setAttribute('crossOrigin', 'anonymous')
    img.src=url
    img.onload = function(){
       canvas.width = img.width
       canvas.height = img.height
       context.drawImage(img,0,0);
       aLink.href = canvas.toDataURL('image/jpeg')
       // 触发点击
       document.body.appendChild(aLink)
       aLink.click();
       // 然后移除
       document.body.removeChild(aLink)
    }
}

其他:https://www.cnblogs.com/haojf/p/9407183.html

 

 


http://www.niftyadmin.cn/n/806652.html

相关文章

【每日面试】Java关于内存的面试问题(3)

Java的内存模型和内存区域不是一个概念&#xff0c;这在之前没有研究过&#xff0c;很多面试题问到内存的东西&#xff0c;也是以JVM为主&#xff0c;果然学无止境啊~因为关于内存模型的资料没找到多少&#xff0c;所以这次就不深入这个方向了。准备以JVM为核心去研究各个内存区…

Xamarin For Android 遇到错误java.exe exited with code 1. (msb6006)

今天用Xamarin编译一个android工程遇到这样一个问题&#xff1a;java.exe exited with code 1. (msb6006)&#xff0c;项目代码没有问题。于是各种谷歌 &#xff0c;在http://forums.xamarin.com/discussion/9305/java-exe-exited-with-code-1-xamarin-android-common-targets&…

女生适合学编程吗?

二哥&#xff0c;你好&#xff0c;我 Java 是自学的&#xff0c;现在很迷茫&#xff0c;头发越掉越多&#xff0c;还是单身狗&#xff0c;真怕再学下去就嫁不出去了。以上是一个妹子私信我的内容&#xff0c;看完后觉得蛮感慨的。就来谈谈这个话题吧&#xff1a;女生到底适不适…

从C转入C++ (转)

从C转入C (转)[more]从C转入C C是C的超集(C的扩展名一般为.CPP)&#xff0c;在大都分时候&#xff0c;C程序可在C编译器下运行&#xff0c;但有时会有问题&#xff0c;主要有以下几点&#xff1a; 在C中可用//表示该符号后面为注释&#xff0c;如&#xff1a;void main() //这是…

【每日面试】作业帮社招面经(java工程师)

面经来源 作者&#xff1a;惊鸿一面小萝卜 链接&#xff1a;https://www.nowcoder.com/discuss/667956?source_iddiscuss_experience_nctrack&channel-1 来源&#xff1a;牛客网 1.讲项目&#xff1f; 2.线程和进程的区别 3.数据库索引是什么&#xff1f;优缺点&#xf…

Python 网络图 NetworkX

http://www.oschina.net/p/nextwordx转载于:https://www.cnblogs.com/mlv5/p/3664470.html

了不起的 Creator 开源入门教程,源码升级 2.4.0

最近公众号、社区微信群、微信好友 ... 来了一些新伙伴向晓衡咨询&#xff1a;如何上手学习 Cocos Creator 游戏开发。如果你已经了解了 Cocos Creator 引擎编辑的基础&#xff0c;在这里推荐晓衡用时一年写的《CreatorPrimer》系列&#xff0c;该系列的第一篇文章已经是在两年…

C++实现的BP神经网络(代码与详解)

前言&#xff1a;本文为原创 若有错误欢迎评论&#xff01; 描述部分 什么是BP神经网络 这个百度比较多就不赘述了 在看到我的文章前一定也看了不少了! 开篇先说几点 本文参考了博客"https://blog.csdn.net/ironyoung/article/details/49455343"&#xff0c;对其补…