TSINGSEE青犀視訊各大視訊智能分析平台或者直播推流平台都需要實作錄像檔案的下載下傳功能,拿EasyDSS來說,前端實作下載下傳功能常見的三種辦法,本文和大家分享下。

1、a标簽實作下載下傳
最簡單的,有檔案的位址,直接使用a标簽實作下載下傳(通用模闆前端本地下載下傳):
但是有個情況,比如txt、png、jpg等這些浏覽器支援直接打開的檔案是不會執行下載下傳任務的,而是會直接打開檔案,這個時候就需要給a标簽添加一個屬性“download”;
如果在vue項目中需要下載下傳檔案需要放在public檔案夾下需要下載下傳的路徑是相對于index.html檔案路徑否則會提示下載下傳檔案未找到。
2、window.open()方法
open() 方法用于打開一個新的浏覽器視窗或查找一個已命名的視窗。後端提供下載下傳接口:
html:
js:(最簡單:window.location.href=“xxxxx後端給的下載下傳位址”)
3、通過form表單送出的方式
js:
一般用的最多的還是第二種辦法,EasyDSS錄像檔案下載下傳的實作就是使用第二種方法:
實作後錄像檔案可直接下載下傳存儲至本地: