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寫的一個象棋程序，博客里還有五子棋人人對戰、人機對戰，黑白棋人人對戰，一只一旦等小游戲。感興趣的可以關注下我哈~