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

 我来答
b_spike
2015-10-13 · TA获得超过3686个赞
知道大有可为答主
回答量:3724
采纳率:78%
帮助的人:1176万
展开全部

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

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

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

function Click(){
    window.location.href="文件的url地址";
}
更多追问追答
追问
这还是打开文件的窗口要自己粘贴复制的,想要的效果是直接调用浏览器的下载窗口,选择本地路径,点击保存,这场景!要用creatObjectURL的貌似
追答

其实也是用浏览器打开,如果是浏览器不能打开的文件就会弹保存框(IE会提示你是要打开还是保存,选保存即可)

如果是固定只能下载不能打开,需要用第三方插件才行,window.URL.createObjectURL(文件对象)这个方法不一定所有浏览器都支持


附上你说的使用window.URL.createObjectURL方式,需要加这两行

var fileObj=document.getElementById("文件控件的id属性值");
var src = window.URL.createObjectURL(fileObj.files[0]);

此时src的值就是对应文件的url

bbbearGN
2018-03-30 · TA获得超过5237个赞
知道小有建树答主
回答量:5
采纳率:0%
帮助的人:769
展开全部

使用JavaScript原生自带的click方法就行了。

<div id="go">用户登录</div>

以上就是源代码,我想用javascript
模拟点击”用户登录“按钮。

Javascript,一种高级编程语言,通过解释执行,是一门动态类型,面向对象(基于原型)的直译语言。它已经由欧洲电脑制造商协会通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、FireFox等)支持。

JavaScript是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。

JavaScript虽与Java有很多相似性,但这两门编程语言从设计之初就有很大的不同,JavaScript的语言设计主要受到了Self(一种基于原型的编程语言)和Scheme(一门函数式编程语言)的影响。在语法结构上它又与C语言有很多相似(例如if条件语句、while循环、switch语句、do-while循环等)。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ccc菜辣椒ccc

2020-12-28 · TA获得超过19.3万个赞
知道大有可为答主
回答量:11.6万
采纳率:77%
帮助的人:5231万
展开全部
如何用js实现点击按钮下载文件
在js中,可以给按钮绑定点击事件,当按钮被点击时,跳转至下载链接 ,实现文件的下载。下面小编举例讲解如何用js实现点击按钮下载文件。

东西/原料
html+js
代码编纂器:Dreamweaver CS5
方式/步调
1
新建一个html文件,定名为test.html,用于讲解若何用js实现点击按钮下载文件。

2
在test.html文件内,利用button标签建立一个按钮,按钮名称为“下载文件”。

3
在test.html文件内,给button按钮绑定onclick点击事务,当按钮被点击时,执行downfile()函数。

4
在js标签中,利用function建立downfile()函数,在函数内,用于实现下载的逻辑。

5
在downfile()函数内,经由过程window.location.href跳转至下载文件的链接,从而实现下载文件。

6
在浏览器打开test.html文件,查看实现的结果。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
HanJdEx
2015-10-13 · JAVA开发,物联网,框架
HanJdEx
采纳数:139 获赞数:418

向TA提问 私信TA
展开全部

<a herf="要要下载文件的路径">点我下载


</a>

追问
button按钮,不用a标签,只有文件的url,要求调用浏览器的下载框
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式