【JS】不依赖界面显示的input元素上传下载

【JS】不依赖界面显示的input元素上传下载

上传

//基于jQuery
let inputElement = $(''); 
// 动态创建组件
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