html展示图片的两中方式

1、url展示（url展示图片<img src='/img/demo.png'/>）

1.1、该方式比较大众化，对应后台java代码如下：

@RequestMapping(value = "/img/demo.png")
public void demo(HttpServletResponse response) throws IOException {Writer writer = response.getWriter();FileInputStream inputStream = null;try {inputStream = new FileInputStream(new File("d:/demo.png"));IOUtils.copy(inputStream,writer);} catch (FileNotFoundException e) {e.printStackTrace();}finally {IOUtils.closeQuietly(inputStream);}
}

1.2、下载功能，需要向后台二次发送请求，其次图片名称如果是中文的话容易乱码、并且一个url对应一张图片，下载代码不在赘述。

2、base64展示（base64展示图片<img src="https://img-blog.csdnimg.cn/2022010703450230663.bmp"/>）

2.1、该方法写法比较少见、java代码如下：

@RequestMapping(value = "/img/page")
public void demo(Model model) throws IOException {FileInputStream inputStream = null;try {inputStream = new FileInputStream(new File("d:/demo.png"));byte[] src = IOUtils.toByteArray(inputStream);BASE64Encoder encode = new BASE64Encoder();String base64 = encode.encode(src);model.addAttribute("base64Data", base64);} catch (FileNotFoundException e) {e.printStackTrace();} finally {IOUtils.closeQuietly(inputStream);}
}

2.2、下载功能，不需要再次向后台发送请求，并且文件名称不存在中文显示乱码的问题，具体下载代码如下：

function download(base64Data, imgname) {var alink = document.createElement("a");alink.href = base64Data;alink.download = imgname;alink.click();
}

以上是我个人笔记，若有不正确的地方请联系我(QQ:1298001635)或者留言，互相学习

html展示图片的两中方式相关推荐

ImGui添加背景图片的两种方式
给ImGui添加背景图片的两种方式最近在使用ImGui做客户端程序,想给窗口添加背景图片,但是作者的文档里面好像并没有讲如何添加背景图片,研究了下找到了两种方式. 第一种创建一个和窗口一样大的Im ...
Android加载GIF图片的两种方式
飞哥语录:得到一件东西最好的方式是让自己配得上它. 方式一:使用第三开源框架直接在布局文件中加载gif 1.在工程的build.gradle中添加如下 buildscript {repositorie ...
设置背景图片的两种方式，并解决手机端背景图片高度自适应问题
设置背景图片的两种方式,并解决手机端背景图片高度自适应问题参考文章: (1)设置背景图片的两种方式,并解决手机端背景图片高度自适应问题 (2)https://www.cnblogs.com/Dark ...
Android之从网络上获取图片的两种方式讲解：thread+handle和AsyncTask方式
从网络上获取图片是一个比较耗时的操作,放在主线程会导致阻塞主线程,响应超时,所以我们不能把它放在主线程里操作,必须放在一个子线程里,我打算采用两种方式去实现.1.采用thread去获取图片,获取到后通 ...
Unity两中方式加载图片
看到草羊发的图片,也是真懒. 想起来当时写天气预报现在都忘干净了,好记性不如烂笔头,还是应该多记.自己打下来好了 using System; using System.Collections; usi ...
【干货:Excel中插入图片的两种方式】
背景业务中,客户需要导出各种数据统计报表,如果客户要求,我希望导出的报表中能插入这些数据的统计图表该如何操作,如图: 复制代码传统POI <dependency><groupId ...
pdf转图片的两种方式（java）
最近在工作中遇到业务需要把pdf转成图片供前台预览,在网上查了一些方法,有的能用,有的缺东西,时间又比较急,没时间去看.在这里我整理了两种亲测可行的方式,节省大家时间带备忘: 1.pdf按页数 ...
两中方式找出Excel中相同和不同的数据
不管我们是干财务也好,还是干IT也好.在面对大量的数据的时候我们总会有这样的需求:对比两列数据中相同或者不同的部分. 下面介绍两种不同的方式找出两列数据中相同的部分. 一.高级筛选 1.下面是我们的原 ...
经典网页设计：18个示例展示图片在网页中的使用
我们可以说,最近图像占据了网页设计的中心舞台.因此,我们已经看到了一些真正美丽的网站使用了圆滑图像作为焦点,引人注目.在网页设计中,从简约设计的概念到全屏的背景图片,有几种不同的图像使用方法.所以今天 ...

html展示图片的两中方式

html展示图片的两中方式相关推荐

最新文章

热门文章