使用浏览器的window.URL.createObjectURL(文件流)转化为url链接，然后借助a标签进行下载；
注意：window.URL.createObjectURL生成的是blod链接，该链接是浏览器生成的，只限于同一个页面或者同一个文档中使用，比如像vue的项目，只能在项目当中使用该链接下载，不能在别的项目上下载；
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>文件下载</title>
</head>
<body>
<input type="file" onchange="inputChange()" id="file">
<button onclick="downLoad()">下载</button>
</body>
<script>
let file = {}
function inputChange(val) {
let fileDom = document.getElementById('file')
file = fileDom.files[0]
}
function downLoad() {
let url = window.URL.createObjectURL(file)
let link = document.createElement('a')
link.style.display = 'none'
link.href = url
link.setAttribute('download', '文件下载') // 给a设置download属性，属性值为文件名
// 如果要指定下载的文件格式，则：
// link.setAttribute('download', '附件' + '.zip') // 后面指定格式，如果不指定，则会自动判断
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}
</script>
</html>
603
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
