版权声明:本文为博主原创文章,未经博主允许不得转载。 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