使用js代码实现点击按钮下载文件的方法,使用js代码实现点击按钮下载文件并安装

使用js代码实现点击按钮下载文件的方法,使用js代码实现点击按钮下载文件并安装,使用JS代码实现点击按钮下载文件

有时候我们需要在网页上添加一个下载按钮，让用户点击下载网页上的信息。那么如何才能实现功能呢？今天边肖给大家分享两种实现js的方法，点击按钮下载文件。请有需要的朋友参考。

正文

有时候我们需要在网页上添加一个下载按钮，让用户点击下载网页上的信息。那么如何才能实现功能呢？这里有两种方法：

现在，您需要在页面上添加一个下载按钮，并单击该按钮下载文件。

跑题了，这个下载图标在引用字体上面——牛逼。使用时先下载font-awesome的整个文件夹，用bower或者自己去官网下载。

将整个文件夹放入项目文件后，在页面上引入css文件。

link href=' libs/font-awesome-4 . 7 . 0/CSS/font-awesome . min . CSS ' type=' text/CSS ' rel=' style sheet '

您可以开始使用页面上所需的图标。

class=' fafa-download ' aria-hidden=' true ' title=' download '/I

1.下载项目中的文件

如果要下载一个excel文件模板，可以先将文件放在项目文件夹下，然后将onclick事件添加到页面下载按钮中：

class=' fafa-download ' aria-hidden=' true ' title=' download ' onclick=' window . open(' file/user . xlsx ')'/I

这样，点击图标后，文件会自动下载。

2.发送请求地址下载文件

JQuery的ajax函数的返回类型只有xml、text、json、html等。并且没有“流”类型。所以我们需要下载ajax，不能使用相应的ajax函数下载文件。但是你可以用js生成一个表单，用这个表单提交参数，返回“流”类型的数据。在实现过程中，页面不刷新。

1）get请求

$('.下载’)。单击(函数(){

var tt=新日期()。getTime()；

var URL=' http://192 . 168 . 1 . 231:8080/91 survey/ws/excel/download '；

/**

*使用表格形式发送请求。

* 1.method属性用于设置请求的类型，——post或get。

* 2.action属性用于设置请求路径。

var form=$(' form ')；//定义一个表单表单

form.attr('style '，' display:none ')；

form.attr('target '，' ')；

form.attr('method '，' get ')；//请求类型

form.attr('action '，URL)；//请求地址

$('body ')。追加(形式)；//将表单放在网站中

/**

* input标签主要用于传递请求所需的参数：

* 1.name属性是传递请求所需的参数名。

* 2.value属性是传递请求所需的参数值。

* 3.当它是get类型时，请求所需的参数由input标记传递，直接写在URL之后无效。

* 4.当它是post类型时，queryString参数直接写在URL之后，formData参数与input标记一起传递。

*多少数据与多少输入标签一起使用。

var input 1=$(' input ')；

input1.attr('type '，' hidden ')；

input1.attr('姓名'，' TT ')；

input1.attr('value '，TT)；

form.append(输入1)；

var input 2=$(' input ')；

input2.attr('type '，' hidden ')；

input2.attr('name '，' company id ')；

input2.attr('value '，company id)；

form.append(输入2)；

form . submit()；//表单提交

})

2）post请求