js通过URL下载服务器文件(可行方法)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/princek123/article/details/83583987

本文讲述已知文件在服务器的地址,如何下载至本地

其他博客分享的一般是这两种

1.通过window.open

window.open('https://1.1.1.1/test.txt')

2.通过get表单请求

var $form = $('<form method="GET"></form>')
$form.attr('action', 'http://1.1.1.1/test.txt')
 $form.appendTo($('body'))
 $form.submit()

但是这两种方式都是新开一个标签页并显示出来,并不能达到我们的目的

为此,博主找到html中a标签的一种方法,如下

 <a href="http://1.1.1.1/test.txt" download="test">
              <el-button class = "button" size="medium" @click="saveInfo"  round>保存配信息至本地</el-button>
 </a>

此处最重要的是download属性,加上后会实现下载效果,download的值为文件名,如果删去download将如同上面两种方法只能打开文件内容

当URL是变量时,处理方法可以参考https://blog.csdn.net/princek123/article/details/83586698

猜你喜欢

转载自blog.csdn.net/princek123/article/details/83583987