本文摘自PHP中文网,作者青灯夜游,侵删。
这篇文章主要介绍了HTML页面点击下载文件的两种实现方法,需要的朋友可以参考下1.使用<a>标签来完成
1 |
|
这样当用户打开浏览器点击链接的时候就会直接下载文件。
但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”;
以下为例子
移到标签<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 |
|
总结
以上所述是小编给大家介绍的HTML页面点击下载文件的两种实现方法,希望对大家有所帮助!
以上就是HTML实现页面点击下载文件的两种实现方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html center标签的作用是什么?Html center标签的应用实例解析
Html iframe标签怎么使用?Html iframe标签的使用实例介绍
Html font标签如何设置字体大小?Html font标签属性用法介绍
Html单选按钮默认选中怎么做?input标签的单选按钮用法实例
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者