星世界
编者:张叶星
发布时间:2020-07-21 14:42:16
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="progress">0%</div>
        <button type="button" onclick="getFile()">下载</button>
        <script type="text/javascript">
            var prog = document.getElementById('progress')
            var fileUrl = 'http://xxxx.pdf'
            
            function getFile() {
                var xhr = new XMLHttpRequest();
                xhr.open('GET', fileUrl);
                xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xhr.responseType = "blob";
                xhr.onprogress = function(event) {
                    if (event.lengthComputable) {
                        prog.innerHTML = Math.floor((event.loaded / event.total) * 100) + '%'
                    }
                };
                xhr.onload = function(oEvent) {
                    console.log(oEvent);
                    console.log(xhr.status);
                    console.log(xhr.response);
                    if (xhr.readyState === 4 && xhr.status === 200) {
                        var blob = new Blob([xhr.response]);
                        var csvUrl = URL.createObjectURL(blob);
                        var link = document.createElement('a');
                        link.href = csvUrl;
                        link.download = fileUrl.substring(fileUrl.lastIndexOf('/') + 1,fileUrl.length)
                        link.click();
                    }
                }
                xhr.send();
            }
        </script>
    </body>
</html>




本文地址:
转载请著名出处,谢谢!
欢迎交流
QQ:419268793
编者:张叶星
发布时间:2020-07-21 14:42:16
用户名:
密码:
      本站的部分文章和图片来自互联网,特别鸣谢 “百度图片”、“笑话集 www.jokeji.cn ”等, 如果本站有某些文章或图片侵犯了您的权益,麻烦您告诉我,我会及时处理。谢谢!微笑
QQ:419268793