1. 程式人生 > >js通過URL下載伺服器檔案(可行方法)

js通過URL下載伺服器檔案(可行方法)

本文講述已知檔案在伺服器的地址,如何下載至本地

其他部落格分享的一般是這兩種

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