js使用原生ajax

<div onclick="download1()">下载</div>
<script>
    function downloadFile1(content, filename) {
        var a = document.createElement('a')
        var blob = new Blob([content])
        var url = window.URL.createObjectURL(blob)
        a.href = url
        a.download = filename
        a.click()
        window.URL.revokeObjectURL(url)
    }

    function download1() {
        var url = 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=20550366,3650143321&fm=26&gp=0.jpg' // demo图片
        ajax(url, function(xhr) {
            var filename = 'xxx.' + url.replace(/(.*\.)/, '') // 自定义文件名+后缀
            downloadFile1(xhr.response, filename)
        }, {
            responseType: 'blob'
        })
    }

    function ajax(url, callback, options) {
        window.URL = window.URL || window.webkitURL
        var xhr = new XMLHttpRequest()
        xhr.open('get', url, true)
        if (options.responseType) {
            xhr.responseType = options.responseType
        }
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                callback(xhr)
            }
        }
        xhr.send()
    }
</script>

jQuery实现文件下载

    function download(){
        var url ="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=20550366,3650143321&fm=26&gp=0.jpg";
        var f1 = $.ajax({
            url: url,
            type: 'GET',
            xhrFields: {  
				responseType: 'blob'
			},
        });
        $.when(f1).then(function (content) {
            console.log("jinru")
            var filename = 'xxx.' + url.replace(/(.*\.)/, '') // 自定义文件名+后缀
            var a = document.createElement('a')
            var blob = new Blob([content])
            var url = window.URL.createObjectURL(blob)
            a.href = url
            a.download = filename
            a.click()
            window.URL.revokeObjectURL(url)
        }, function () {
            //失败回调,任意一个请求失败时返回
            console.log("失败");
            console.log('error');
        })
    }
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐