本文摘自PHP中文网,作者V,侵删。
1、使用<a>标签
1 |
|
这样当用户打开浏览器点击链接的时候就会直接下载文件。
但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”;
(推荐学习教程:html入门教程)
实例如下:
移到标签<a>标签上可以显示文件路径,根据路径提示进行文件路径的补全
1 2 3 4 5 6 7 8 9 10 |
|
若需从网页上传的图片中进行下载,可能会用到以下方法:
获取主机域名:
location.hostname
获取端口号:
location.port
2、使用按钮进行监听
按钮监听又可以分为两种方法,
一是window.open()
1 2 3 4 5 6 7 |
|
二是表单提交
1 2 3 4 5 6 7 8 |
|
更多编程相关内容,请关注php中文网编程入门栏目!
以上就是html实现点击直接下载文件的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html标签legend的具体用法你知道吗?legend标签的属性和使用方法详解
Html span标签如何做到自动换行?Html span标签的用法介绍
Html中class什么意思?Html的class属性用法介绍(附实例)
dreamweaver中设置Html网页段落行间距的方法指导
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者