js通过链接下载外部文件

2019-06-18  本文已影响0人  A佳_848b

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

</head>

<body>

    <a href="/download/papers/abc.doc">点击链接下载</a>

    <button onclick="download1()">点击按钮下载</button>

      <button onclick="download2">点击按钮下载</button>

    <script>

        // 会打开一个空白页下载,然后空白页消失,用户体验不好

        function download1() {

            window.open('/download/papers/1');

        }

        // 直接下载,用户体验好

        function download2() {

            var $form = $('<form method="GET"></form>');

            $form.attr('action', '/download/papers/1');

            $form.appendTo($('body'));

            $form.submit();

        }

    </script>

</body>

</html>

window.open海外版的谷歌浏览器可能会有拦截,下面的方式比较方便

上一篇下一篇

猜你喜欢

热点阅读