zoukankan      html  css  js  c++  java
  • js下载文件方法与原理小分析

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

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

    如你要下载下面这个图片

    <a href="需要下载的文件地址" download="文件名">下载象棋图片</a>

      

    /**
     * @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写的一个象棋程序,博客里还有五子棋人人对战、人机对战,黑白棋人人对战,一只一旦等小游戏。感兴趣的可以关注下我哈~

  • 相关阅读:
    Leetcode#129 Sum Root to Leaf Numbers
    Leetcode#15 3Sum
    Leetcode#16 3Sum Closest
    Leetcode#127 Word Ladder
    Leetcode#2 Add Two Numbers
    Leetcode#18 4Sum
    vue.js入门(3)——组件通信
    vue.js慢速入门(2)
    vue 基础介绍
    vue.js中v-for的使用及索引获取
  • 原文地址:https://www.cnblogs.com/zhaodesheng/p/9848364.html
Copyright © 2011-2022 走看看