博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js下载文件方法与原理小分析
阅读量:5241 次
发布时间:2019-06-14

本文共 546 字,大约阅读时间需要 1 分钟。

原理:html的a标签,设置dawnload属性后,可以下载href指向的文件。

在js中往往是点击某一个按钮后下载一个文件,并且文件的地址是变化的。因此我们可以动态创建一个a标签,设置好download和href属性,然后添加到页面中,用代码触发click事件,就可以实现下载了。

如你要下载下面这个图片

  

/** * @author web得胜 * @param {String} url 需要下载的文件地址 * */function downLoad(url){	var oA = document.createElement("a");	oA.download = '';// 设置下载的文件名,默认是'下载'    oA.href = url;    document.body.appendChild(oA);    oA.click();    oA.remove(); // 下载之后把创建的元素删除}

  下面是我用js+canvas写的一个象棋程序,博客里还有五子棋人人对战、人机对战,黑白棋人人对战,一只一旦等小游戏。感兴趣的可以关注下我哈~

转载于:https://www.cnblogs.com/zhaodesheng/p/9848364.html

你可能感兴趣的文章
学习Spring Boot:(二十八)Spring Security 权限认证
查看>>
深入浅出JavaScript(2)—ECMAScript
查看>>
STEP2——《数据分析:企业的贤内助》重点摘要笔记(六)——数据描述
查看>>
ViewPager的onPageChangeListener里面的一些方法参数:
查看>>
Jenkins关闭、重启,Jenkins服务的启动、停止方法。
查看>>
CF E2 - Array and Segments (Hard version) (线段树)
查看>>
Linux SPI总线和设备驱动架构之四:SPI数据传输的队列化
查看>>
SIGPIPE并产生一个信号处理
查看>>
CentOS
查看>>
Linux pipe函数
查看>>
java equals 小记
查看>>
爬虫-通用代码框架
查看>>
2019春 软件工程实践 助教总结
查看>>
YUV 格式的视频呈现
查看>>
Android弹出框的学习
查看>>
现代程序设计 作业1
查看>>
在android开发中添加外挂字体
查看>>
Zerver是一个C#开发的Nginx+PHP+Mysql+memcached+redis绿色集成开发环境
查看>>
多线程实现资源共享的问题学习与总结
查看>>
Learning-Python【26】:反射及内置方法
查看>>