美文网首页
js通过链接下载外部文件

js通过链接下载外部文件

作者: A佳_848b | 来源:发表于2019-06-18 15:18 被阅读0次

    <!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海外版的谷歌浏览器可能会有拦截,下面的方式比较方便

    相关文章

      网友评论

          本文标题:js通过链接下载外部文件

          本文链接:https://www.haomeiwen.com/subject/ylpfqctx.html