1.使用标签a。

一个

a href='/user/test/xxxx . txt ' download=' file name . txt '单击下载/a。

这样，当用户打开浏览器并点击链接时，文件将被直接下载。

但是，有一种情况，比如txt，png，jpg等。它支持直接打开文件，并且不会执行下载任务，但会直接打开文件。这时候就需要给A标签添加一个属性“下载”；

(推荐学习教程：html入门)

例子如下：

移动到标签A显示文件路径，根据路径提示完成文件路径

一个

2

三

四

五

六

七

八

九

10

！声明文档类型

超文本标记语言

头

meta charset='UTF-8 '

标题/头衔

/head

身体

a href=' 321 . png ' download=' test . png '单击下载/a。

/body

/html

如果您需要下载从网页上传的图片，您可以使用以下方法：

获取主机域名：

location.hostname

获取端口号：

location.port

2.使用按钮进行监控

按钮监控可以分为两种方法，

首先是window.open()

一个

2

三

四

五

六

七

var $ elebtn 1=$(' # BTN 1 ')；

var $ elebtn 2=$(' # BTN 2 ')；

//我们知道一个下载文件的后端接口：https://codeload . github.com/豆瓣/豆瓣-client/legacy.zip/master

//方法1: window.open()

$eleBtn1.click(function(){

window . open(' https://codeload . github.com/douban/douban-client/legacy . zip/master ')；

});

第二是表单提交

一个

2

三

四

五

六

七

八

//方法2:通过表单

$ Elebtn . click(function(){

var $ EleForm=$(' form method=' get '/form ')；

$eleForm.attr('action '，' https://codeload . github.com/douban/douban-client/legacy . zip/master ')；

$(document.body)。追加($ EleForm)；

//提交表单并下载

$ EleForm . submit()；

});