技術標籤：Mind Stormjsurl

【JS】不依賴介面顯示的input元素上傳下載

上傳

//基於jQuery
let inputElement = $('<input type="file" accept="檔案格式filter" name="file"/>'); 
// 動態建立元件
inputElement.change(() => {
    let file_info = inputElement[0].files[0];//選取第一個檔案。files可能有很多個
    // 一系列操作
})
inputElement.
 
click() // 觸發

下載

//基於原生js
let a = document.createElement('a');
if (typeof a.download === 'undefined') {
    window.location = your_URL;
} else {
    a.href = your_URL
    a.download = your_file_name
    a.click()
    a.remove()
}

URL的轉換和獲取參考【JS/Django】上傳下載檔案以及轉換為URL