如何用js实现点击按钮下载文件

JavaScript09

如何用js实现点击按钮下载文件,第1张

在按钮上写属性 onclick="函数名()" ，作用是绑定click事件

如

<input type="button" onclick="Click()" value="Download" />

然后在脚本处写上对应的函数即可，在函数中跳转到相应的文件路径就行。如

function Click(){

    window.location.href="文件的url地址"

}

var data = ["1,2,3\n","4,5,6"] // 每一行数据为一个字符串，字符串用“,”隔开，并且在每一行加上换行符

var blob = new Blob(data, {type:"text/csv,charset=UTF-8"})

var csvUrl = URL.createObjectURL(blob)

var aEle = document.createElement("a")

aEle.download = "data.csv" //文件名随意

aEle.href = csvUrl

aEle.click()