html页面实现下载功能,html网页实现服务器下载、本地文件下载功能

WEB前端 同时被 2 个专栏收录
64 篇文章 0 订阅
1 篇文章 0 订阅

使用按钮进行监听下载的两种方法如下(推荐使用第二种,第一种若通过winddow.location.orgin获取协议+host+port时,网页会默认访问到网站的根目录下,Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址,若要下载的文件目录在Web根目录之外,则找不到路径,导致无法下载

一是window.open():适用于从服务器上下载到本地


[html]  view plain  copy
  1. var $eleBtn1 = $("#btn1");  
  2.         var $eleBtn2 = $("#btn2");  
  3.   
  4.         //已知一个下载文件的后端接口:https://codeload.github.com/douban/douban-client/legacy.zip/master  
  5.         //方法一:window.open()  
  6.         $eleBtn1.click(function(){  
  7.             window.open("https://codeload.github.com/douban/douban-client/legacy.zip/master");  
  8.         });  

二是表单提交:可以从本地下载到服务器,也可以从本地下载到本地(说到本地下载到本地,可能有的人就蒙圈了,本地有,干嘛要下载呢?原因是这样的:eg:若产品售出后,原来的代码都是经过混淆的,非开发人员不方便找到也看不了,所以需要下载未经过混淆的文件到本机,自主指定路径以方便使用


[html]  view plain  copy
  1. //方法二:通过form  
  2.         $eleBtn2.click(function(){  
  3.             var $eleForm = $("<form method='get'></form>");  
  4.   
  5.             $eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");  
  6.   
  7.             $(document.body).append($eleForm);  
  8.   
  9.             //提交表单,实现下载  
  10.             $eleForm.submit();  
  11.         });  
  • 1
    点赞
  • 0
    评论
  • 12
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

麦兜_冰夕

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值