前端下载文件

const btnElement = document.getElementById('btn')
        btnElement.addEventListener('click', download)
        function download() {
            const xhr = new XMLHttpRequest()
            const url = document.querySelector('input').value
            if(!url) {
                alert('url is null')
                return
            }
            xhr.open('GET', url)
            xhr.responseType = 'blob'
            xhr.send()
            xhr.onload = function() {
                const fileUrl = URL.createObjectURL(xhr.response)
                const a = document.createElement('a')
                a.setAttribute('href', fileUrl)
                a.setAttribute('download', '')
                a.click()
            }
        }

1. 要求访问地址 允许跨域

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值