首页 / 知识
HTML页面点击下载文件的方法实例
2023-04-11 15:11:00
1.使用<a>标签来完成
<ahref="/user/test/xxxx.txt"download="文件名.txt">点击下载</a>
这样当用户打开浏览器点击链接的时候就会直接下载文件。
但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;
以下为例子
移到标签<a>标签上可以显示文件路径，根据路径提示进行文件路径的补全
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<body>
<ahref="321.webp"download="test.webp">点击下载</a>
</body>
</html>
若需从网页上传的图片中进行下载可能会用到以下方法
获取主机域名：
location.hostname
获取端口号：
location.port
2.使用按钮进行监听
按钮监听又可以分为两种方法，
一是window.open()
var$eleBtn1=$("#btn1");
var$eleBtn2=$("#btn2");
//已知一个下载文件的后端接口：https://codeload.github.com/douban/douban-client/legacy.zip/master
//方法一：window.open()
$eleBtn1.click(function(){
window.open("https://codeload.github.com/douban/douban-client/legacy.zip/master");
});
二是表单提交
//方法二：通过form
$eleBtn2.click(function(){
var$eleForm=$("<formmethod='get'></form>");
$eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");
$(document.body).append($eleForm);
//提交表单，实现下载
$eleForm.submit();
});
|
最新内容
相关内容
python如何读取列表中元素的位置?
python如何读取列表中元素的位置?，位置，数据，异常，培训，字符串，元素，索引，方法，示例，结果，python读取列表中元素位置的方法：1、使用index()方
python中获取路径的三种方法
python中获取路径的三种方法，工作，代码，情况，培训，下来，路径，文件，也就是，桌面，目录，python中获取路径总结下来分为三种情况：1、获取工作目录
python如何调用另一个文件夹中的内
python如何调用另一个文件夹中的内容?，系统，培训，文件，模块，内容，路径，函数，所在，前缀，语句，python中调用另外一个文件夹中的内容：1、同一文件
如何在python代码中指定保存的文件
如何在python代码中指定保存的文件格式，代码，培训，文件格式，格式，二进制文件，文件，后缀，以上，方法，更多，python指定保存文件格式的方法：1、保
Python如何复制文件中的内容
Python如何复制文件中的内容，盘中，数据，培训，文件，内容，方法，文件夹，路径，源文件，文件名，python复制文件中内容的方法：1、使用shutil.copyfile
实数是不是python的数据类型?
实数是不是python的数据类型?，数字，标准，培训，实数，数据类型，数轴，复数，有限小数，无理数，虚数，实数是python的数据类型。实数，是有理数和无理Python中怎么新建文件夹
Python中怎么新建文件夹，代码，工作，培训，文件夹，路径，函数，操作系统，示例，文件名，以上，python中如何新建文件夹的方法：可以使用os包的mkdir函
python读入不定行字符的问题
python读入不定行字符的问题，培训，字符，问题，方法，头尾，示例，空格，字符串，序列，结尾，python读入不定行字符的问题解决：stdin.readline()会读取
python如何获得文件大小
python如何获得文件大小，培训，文件大小，文件夹，大小，函数，方法，接口，以上，结果，文件，python获取文件大小的方法如下方法一：获取文件大小import
Python库与模块的区别是什么?
Python库与模块的区别是什么?，名称，概念，标准，机构，培训，名字，代码，模块，区别，函数，python库与模块的区别是：模块、库主要区别在于他们的定义
python的闭包函数是什么
python的闭包函数是什么，代码，工作，函数，培训，程序，外部，个数，变量，嵌套，赋值，python中的闭包，又称闭包函数或者闭合函数，其实和前面讲的嵌套函
为什么python中使用模块无法识别
为什么python中使用模块无法识别，代码，工具，培训，模块，语句，定义，管理工具，变量，文件夹，结尾，Python模块(Module)，是一个Python文件，以.py结尾，