admin管理员组

文章数量:1122850

a.html 页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在浏览器打开</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><!-- 优先使用 IE 最新版本和 Chrome -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <style>
        .fxTis img{
            width: 100%;
            display: inline-block;
        }
        .fxTis{
            text-align: center;
        }
        .fxTis button{
            border: 0;
            padding: 6px 14px;
            background-color: #ffffff;
            font-size: 18px;
            border-radius: 4px;
        }
    </style>
</head>
<body style="background-color: #333333;">
<div class="fxTis">
    <button type="button" onclick="onDocDownload('http://cms.heromutual/u/cms/huiyou/201909/09144922jmgw.pdf')">文件</button>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script>
    function onDocDownload(filepath) {
        window.top.location.href="browser.html?fileurl="+filepath;
    }
</script>
</html>

分享.html 页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在浏览器打开</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><!-- 优先使用 IE 最新版本和 Chrome -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <style>
        .fxTis img{
            width: 100%;
            display: inline-block;
        }
        .fxTis{
            text-align: center;
        }
        .fxTis button{
            border: 0;
            padding: 6px 14px;
            background-color: #ffffff;
            font-size: 18px;
            border-radius: 4px;
        }
    </style>
</head>
<body style="background-color: #333333;">
    <div class="fxTis">
        <img src="images/fx.jpg">
        <button type="button">在浏览器中打开</button>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<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>
</html>

用浏览器打开就能直接下载文件了

本文标签： 公众浏览器文件

版权声明：本文标题：微信公众号 下载文件 在浏览器打开 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1727322679a1236136.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。