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

JavaScript013

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

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

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

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

function Click(){

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

}

首先,下载文件就别想了,你那个execCommand有兼容性问题,貌似其他浏览器不支持

至于window.open,这个多数会被拦截吧,现在都不允许弹窗了。至于txt文档,有的浏览器会直接显示出来,有的会当文件下载,这个关键还是在服务器的设置,服务器传输过来是有标头,表明详细情况,浏览器对应处理。

所以你要比如点击一个对象后弹出下载的界面,可以有几种方式,比如不用TXT,变成其他比如RAR的,浏览器绝对不会直接显示出来,还有就是在服务器端,弄成不是TXT,弄成动态页面,然后输出为TXT,此时设置标头为下载,不允许直接显示,不过,如果这个TXT是在其他服务器上,你想点击了直接下载,这个有难度。

以前我做个一个东西,7年前了,就是把东西弄在框里,这样下载也可以的

<iframe id="download" src="对象地址"></iframe>

然后调用execCommand保存这个对象。这样我是成功的,把一个rar显示在框内,一片乱码,然后调用这个保存后,成为rar,可以使用。