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