AIDE技术官网
AIDEZY.COM

Js实现下载文件的三种方式

Js实现下载文件的三种方式

Js实现下载文件的三种方式

Js实现下载文件的三种方式:

 

大家常常可能会遇到这种问题,就是会实现上传文件,但是就不会下载下来了,今天我给大家分享Js的三种下载方式,第一种很很简单,也基本算不上js里面的用html就能实现,那你会问,为什么放到js里面呢?因为好打理,方便管理呗。

 

 

第一种方式:

直接套用html里面的a标签即可,但是这样他有一个弊端,不知道大家知不知道,我也是因为在无意间发现的,打个比方,比如你一个php文件,里面的内容有 echo ‘AIDE技术网’;  他下载下来不知道怎么就给你自动解析出来了,下载下来的文件内容就只有那个AIDE技术网这几个字,没有echo这些的了,这个下载方式只用于下载一些规定好的内容,例如一些文本之类的内容。

 <a id="xiazai2" href="这里直接放下载链接" download="这里放下载的文件名">立即下载</a>

 

 

第二种方式:

HTML代码:
<button type="button" id="btn1">下载一个zip(方法1)</button>



var $eleBtn1 = $("#btn1");
//已知一个下载文件的后端接口:
https://codeload.github.com/douban/douban-client/legacy.zip/master
//方法二:window.open()
$eleBtn1.click(function(){
	var url = "https://codeload.github.com/douban/douban-client/legacy.zip/master";
	window.open(url);
});

 

 

第三种方式:

HTML代码:
<button type="button" id="btn2">下载一个zip(方法2)</button>


var $eleBtn2 = $("#btn2");
//方法三:通过form
$eleBtn2.click(function(){
	var $eleForm = $("<form method='get'></form>");

	$eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");

	$(document.body).append($eleForm);

	//提交表单,实现下载
	$eleForm.submit();
});
	

搜一下

海报生成 赞(0) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册