js实现文件下载的两种简单方式

本文介绍了两种JavaScript实现文件下载的方法:1. 使用window.open API,但可能被浏览器或安全软件拦截;2. 利用隐藏的iframe,这种方式更为推荐,避免了拦截问题。

【1.使用window.open】

      <script type="text/javascript">
            function download() {
                //下载文件的地址 
                var url = "http://127.0.0.1/Download/Download.axd?filepath=%2FUpFiles%2F2014%AA.docx&docname=%E6%B5%BB.docx&r=0.42199221699043904";
                //document.getElementById("ifile").src = url;
                window.open(url, "_blank", 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, 
scrollbars=no, resizable=no,location=n o, status=no');
            }
            /*
              *url 弹出窗口的页面路径;
         *'_blank' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
         *height=100 窗口高度;
         *width=400 窗口宽度;
         *top=0 窗口距离屏幕上方的象素值;
         *left=0 窗口距离屏幕左侧的象素值;
         *toolbar=no 是否显示工具栏,yes为显示;
         *menubar,scrollbars 表示菜单栏和滚动栏。
         *resizable=no 是否允许改变窗口大小,yes为允许;
         *location=no 是否显示地址栏,yes为允许;
         *status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
            **/
        </script>



【2.使用隐藏的iframe实现】

        <script type="text/javascript">
            function download() {
                //下载文件的地址 
                var url = "http://127.0.0.1/Download/Download.axd?filepath=%2FUpFiles%2F2014%AA.docx&docname=%E6%B5%BB.docx&r=0.42199221699043904";
                document.getElementById("ifile").src = url;
            }
        </script>
        <a href="#" onclick="download()">download files</a>
        <iframe id="ifile" style="display: none"></iframe>

推荐使用第二中方式实现,很多浏览器和安全软件都会对window.open进行拦截。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值