html如何在本页路径上拼接参数,Html图片路径拼接参数实现打印导出

需求描述

报表中引用html图片的时候，路径写成相对路径如：=” ”或者=” ”图片能正常展示，但是不能打印和 ”就可以展示并且成功打印导出了。

但是这样带来的不方便就是换了服务器或者应用名称的话，前面的http://127.0.0.1:6001/demo就都需要改动，比较麻烦。

解决方法

解决办法就是动态获取服务器ip和应用名，然后在jsp中拼接参数，在报表中显示html图片的路径中调用改参数，这样就可以避免上述问题了。

详细步骤是：

1. Jsp 中参数的代码：

String appmap = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+request.getContextPath();

2. 在参数标签中添加这个参数拼凑：parma.append();

第一步和第二步的添加的具体位置和代码：

3. 报表定义一个参数appmap；

4. 单元格中用：(数据类型html,图片放到和展示jsp同目录的images文件夹下，可以修改)

=””

5. 访问报表，图片正常展示，而且可以打印和导出。

html如何在本页路径上拼接参数,Html图片路径拼接参数实现打印导出相关推荐

基于JavaWeb的医疗后台项目药品信息的图片上传和绑定图片路径问题(3)
点击传送-> 基于JavaWeb的医疗后台项目医生信息的分页展示和模糊查询实现(2) -----上篇博客写到了医疗项目的医生信息的分页展示和查询,今天来实现药品的管理----- 1.建表首先建 ...
ueditor上传图片写入数据库_ueditor图片上传，以及图片路径保存进数据库
前段时间一直忙于各种事,今天有点空也不是很困,就来写写文章吧,写的东西如题那么我就按顺序进行说明一下吧先废话一句吧,什么ueditor? UEditor是由百度web前端研发部开发所见即所得富文本 ...
react simditor 上传成功修改图片路径
这里贴出simditor官方文档:http://simditor.tower.im/docs/doc-usage.html 1.npm install simditor 2.直接贴代码了 import ...
s3 实现图片上传并返回图片路径
一般做图片上传的的业务时我们接收的都是 MultipartFile 类型的文件但是s3提供的图片上传只支持file 类型的文件上传,所以需要我先把 MultipartFile 转换为 file /* ...
vant 组件库中的图片上传组件（多张图片上传，删除图片传自定义参数）
html部分 js部分图片上传前,限制图片格式.图片上传后,上传七牛云接口返回图片url,赋值给图片路径变量. 图片删除坑:vant上传组建中内置的删除事件,默认携带两个参数,file和detai ...
uni 根目录路径_如何解决uniapp图片路径错误问题
uniapp图片路径错误的解决办法:1.在根目录"manifest.json"中配置h5下的"publicPath":2.在h5配置中运行的基础路径进行配置即可 ...
webpack如何设置html中img路径和css中背景图片路径区别开
在使用webpack过程中,打包后发现html中img路径是: <img src="img/01.jpg" alt="标题图片" /> 但是在mai ...
springboot获取静态图片路径_springboot为实体追加图片路径
在项目中需要同时返回半路径和全路径两种思考解决方案,想到的相对合理的方式 1.在application.properties配置图片资源库路径例:host.url=http://www.baidu ...
Vue项目build后静态资源文件路径或新建文件夹图片路径找不到的问题
问题描述:使用vue-cli脚手架工具生成的vue项目,使用npm run build后生成的文件直接双击打开白屏一片. 解决方案: 第一步:修改build文件夹下utils.js,在以下位置加入 i ...

html如何在本页路径上拼接参数,Html图片路径拼接参数实现打印导出

html如何在本页路径上拼接参数,Html图片路径拼接参数实现打印导出相关推荐

最新文章

热门文章