通过浏览器下载文档

柠檬很甜-

已于 2022-05-26 16:38:32 修改

阅读量562

点赞数

文章标签： javascript css html

于 2020-07-13 11:18:22 首次发布

本文链接：https://blog.csdn.net/weixin_43861449/article/details/107312733

版权

<a onclick="docDownload('../file/1.docx');">下载</a>
function docDownload(filepath){
    window.top.location.href="download.html?fileurl="+filepath;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>请在浏览器中打开</title>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/rem.js"></script>

</head>
<body style="margin: 0;padding: 0;background: #343434;">
<div>
    <img src="../img/yindao.jpg" style="margin: auto;width: 100%;height: 7.2rem;"/></div>
<script>
    //从浏览器url地址中获取参数对应的值
    function GetRequest() {
        var url = location.search;//获取url中"?"符后的字符串
        var theRequest = new Object();
        if (url.indexOf("?")!=-1){  //存在？ 则
            var str = url.substr(1);
            strs = str.split("&");  //字符串分割
            for(var i=0;i<strs.length;i++){
                theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    //判断是否是微信浏览器
    function is_weixin() {
        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            console.log('微信浏览器');
            return true;
        } else {
            console.log("不是微信浏览器");
            return false;
        }
    }

    var is_weixin=is_weixin();
    if(is_weixin){
        //是微信浏览器  显示返回按钮   （用户可以选择下载或者返回）
        $('#back_btn').show();
    }else{
        //不是微信浏览器
        //执行下载
        window.location.href=GetRequest().fileurl;
    }
</script>
</body>
</html>

柠檬很甜-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通过浏览器下载文档

<a onclick="docDownload('../file/1.docx');">下载</a>function docDownload(filepath){ window.top.location.href="download.html?fileurl="+filepath;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .
复制链接

扫一扫