欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

通过浏览器下载文档

程序员文章站 2022-07-14 09:39:32
...
<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>