>本章介绍pdf实现浏览器打印 1、准备步骤 访问后台固定接口路径:/jmreport/exportPdf 如果访问路径根据需求加上ip、端口、项目名称,如:http://127.0.1.1:8080/jeecg-boot/jmreport/exportPdf(本案例直接访问) 1)前台调用方案 ``` let params = {} //必传id,可以在预览页面找到,如图一 params.excelConfigId="587532295753621504" //参数对象,在数据源页面配置的参数,接受数组为queryParam,如图二 params.queryParam = {"username":"admin"} //如果有token需要传递token let config={ headers:{"token":"token"}, }; this.$http.post("/jmreport/exportPdf",params,config).then(res=>{ //成功 if(res.success){ //获取base64文件 let file = res.result.file let bstr = atob(file), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } let blob = new Blob([u8arr], { type: 'application/pdf;chartset=UTF-8' }) //创建url let fileURL = URL.createObjectURL(blob) window.open(fileURL) } }) ``` ![](https://img.kancloud.cn/45/8f/458f659300104787f7c00f9c7e47401f_941x342.png) :-: 图一 ![](https://img.kancloud.cn/8d/bd/8dbda23da413627a9750fe842ad4803a_1360x644.png) :-: 图二 ![](https://img.kancloud.cn/ca/ba/caba856280bc89adf811d48ce78f5cd3_991x257.png) 接口返回数据截图 2、效果展示 ![](https://img.kancloud.cn/ec/46/ec4644caa4207739da26b194b1f1cfe9_1887x982.png)