微信H5下载文件、微信浏览器无法下载文件解决方案

手机端的微信访问网页的时候,是禁止直接下载文件的

但是IOS端可以预览.txt/.doc/.docx/.xls/xlsx/.pdf等格式的文件,Android端在下载这些格式的文件时,可以唤起 ‘即将离开微信,在浏览器打开’ 提示
在这里插入图片描述
所以,根据手机微信的这些限制,考虑在下载文件时,使Android微信在下载任何格式的文件时,都可以唤起提示,以打开浏览器下载文件

请求controller时,根据request的header判断是什么浏览器,在根据浏览器类型返回不一样的值;这样在微信内会请求一次,返回txt文件,就能唤起浏览器内打开,再浏览器打开的时候这个链接会再被请求一次,返回的就是对的文件了;

1、Web端代码

推荐以跳转的方式实现(注意:离开微信在浏览器打开时,链接地址不会被修改)

function download(id){
	//例如  http://localhost/app/file/download?id=123
	let url = BASEURL +'/file/download?id='+ id;
	window.location.href = url
}

2、java代码

java程序中判断客户端的浏览器信息,来判断是否为手机微信和是否Android微信
这里使用 JFinal

	public void download() throws IOException {
        String id = getPara("id", "");
        if(StringUtils.isNotBlank(id)){
            Record fileRec = Db.findById("file_upload", id);
            //微信端返回一个默认假文件,使得唤起微信的‘在浏览器打开’
            if(isAndroidWechat(getRequest())){
                File file = new File("a.txt");
                if(!file.exists())
                    file.createNewFile();
                renderFile(file);
            }else{
                renderFile(new File(fileRec.getStr("save_path")), fileRec.getStr("file_name"));
            }
        }else{
            renderJson(err());
        }
    }


    /**
     * 客户端是否是Android微信浏览器
     * @param request
     * @return
     */
    public static boolean isAndroidWechat(HttpServletRequest request) {
        String userAgent = request.getHeader("user-agent");
        return userAgent != null 
            && userAgent.toLowerCase().indexOf("micromessenger") > -1
            && userAgent.toLowerCase().indexOf("wxwork") < 0
            && userAgent.toLowerCase().indexOf("android") > -1;
    }
    
  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 14
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值