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

news2024/10/1 21:30:50

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

但是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;
    }