H5點(diǎn)擊按鈕下載文件

了解HTML/HTML5中的download屬性
HTML download 屬性
例如：

<a href="/images/myw3schoolimage.jpg" download="w3logo">

把上面的a標(biāo)簽做成按鈕樣子即可。

補(bǔ)充;
a - HTML 屬性

download 屬性
此屬性指示瀏覽器下載URL而不是導(dǎo)航到URL，因此將提示用戶將其保存為本地文件。
如果屬性有一個(gè)值，它將在保存提示中用作預(yù)先填寫的文件名 (用戶仍然可以根據(jù)需要更改文件名)。對(duì)允許的值沒有限制，但是/和被轉(zhuǎn)換為下劃線。大多數(shù)文件系統(tǒng)限制文件名中的一些標(biāo)點(diǎn)符號(hào)，瀏覽器會(huì)相應(yīng)地調(diào)整建議的名稱。
注意:
此屬性僅適用于同源 URLs。
可以使用 blob: URLs 和 data: URLs 以方便用戶下載 JavaScript 方式生成的內(nèi)容（例如使用在線繪圖的Web應(yīng)用創(chuàng)建的照片）。
如果HTTP頭的Content-Disposition：存在，并且賦予了一個(gè)和這個(gè)屬性不同的文件名，HTTP頭優(yōu)先于此屬性。
如果這個(gè)屬性存在 Content-Disposition 被設(shè)置為 inline，火狐優(yōu)先 Content-Disposition，像之前文件名??的情況下，而Chrome則優(yōu)先 download 屬性。

可以參考下filesaver.js

有地址就window.location.href=url或者window.open