显示本地图片

public class Photo extends HttpServlet {private static final long serialVersionUID = 1L;protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {File file = new File("D:\\1.jpg");FileInputStream fis;fis = new FileInputStream(file);long size = file.length();byte[] temp = new byte[(int) size];fis.read(temp, 0, (int) size);fis.close();byte[] data = temp;OutputStream out = response.getOutputStream();response.setContentType("image/png");out.write(data);out.flush();out.close();}

前端上传页面

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%request.setAttribute("webPath", request.getContextPath());%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>图片上传本地预览</title>
<style type="text/css">
#preview{width:260px;height:190px;border:1px solid #000;overflow:hidden;}
#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}
</style>
<script type="text/javascript">//图片上传预览    IE是用了滤镜。function previewImage(file) {var MAXWIDTH = 260;var MAXHEIGHT = 180;var div = document.getElementById('preview');if (file.files && file.files[0]) {div.innerHTML = '<img id=imghead>';var img = document.getElementById('imghead');img.onload = function() {var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT,img.offsetWidth, img.offsetHeight);img.width = rect.width;img.height = rect.height;//                 img.style.marginLeft = rect.left+'px';img.style.marginTop = rect.top + 'px';}var reader = new FileReader();reader.onload = function(evt) {img.src = evt.target.result;}reader.readAsDataURL(file.files[0]);} else //兼容IE{var sFilter = 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';file.select();var src = document.selection.createRange().text;div.innerHTML = '<img id=imghead>';var img = document.getElementById('imghead');img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT,img.offsetWidth, img.offsetHeight);status = ('rect:' + rect.top + ',' + rect.left + ','+ rect.width + ',' + rect.height);div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";}}function clacImgZoomParam(maxWidth, maxHeight, width, height) {var param = {top : 0,left : 0,width : width,height : height};if (width > maxWidth || height > maxHeight) {rateWidth = width / maxWidth;rateHeight = height / maxHeight;if (rateWidth > rateHeight) {param.width = maxWidth;param.height = Math.round(height / rateWidth);} else {param.width = Math.round(width / rateHeight);param.height = maxHeight;}}param.left = Math.round((maxWidth - param.width) / 2);param.top = Math.round((maxHeight - param.height) / 2);return param;}</script><style type="text/css">
.tb960x90 {display: none !important;display: none
}
</style>
</head>
<body><form action="${pageContext.request.contextPath}/Photo"enctype="multipart/form-data" method="post"><div id="preview"><img id="imghead"  src="photo/head_180.jpg" width="180" height="180"border="0"></div><input name="file1" onchange="previewImage(this)" type="file"> <input type="submit" value="提交"></form></body>
</html>

响应文字

response.setHeader("content-type", "text/html;charset=UTF-8");String data1 = "你好,这里是通过OutputStream的方式向网页输出内容";byte[] dataByteArr = data1.getBytes("UTF-8");//  输出out.write(dataByteArr);out.flush();out.close();

HttpServletResponse响应图片,文字相关推荐

  1. 英文识别 java_Java-百度API的图片文字识别(支持英文)

    PS: 基于Java 1.8 版本控制:maven 使用之前需要获取对应的项目API_KEY,SECRET_KEY,这些参数在使用API的时候必须用到,用于生成access_token. 如何获取这些 ...

  2. 百度OCR识别图片文字,解决image format error错误

    文章目录 1 方法一 1.1 新建HttpUtils,用来发送post请求 1.2 获取 access token 1.3 获取图片的文字信息 1.4 测试 1.5 结果 2 方法二使用jsoup 2 ...

  3. Java-基于百度API的图片文字识别(支持中文,英文和中英文混合)

    具体文档:http://ai.baidu.com/docs#/OCR-API/e1bd77f3 PS: 基于Java 1.8 版本控制:maven 使用之前需要获取对应的项目API_KEY,SECRE ...

  4. 阿里云OCR图片文字识别(精确识别)

    根据需求通过composer下载SDK包 备注:composer 安装SDK包有问题可以指定版本进行升级 (去掉版本号前的^符可以指定版本升级) 代码实现: /*** 图片文字识别* @return ...

  5. java 图像识别包_Java基于百度API的图片文字识别免费源码和jar包

    1.准备工作(jdk1.8) 使用之前需要获取对应的项目API_KEY,SECRET_KEY,这些参数在使用API的时候必须用到,用于生成access_token. 如何获取这些参数? 登陆后创建一个 ...

  6. iOS UIButton 图片文字上下垂直布局 解决方案

    iOS UIButton 图片文字上下垂直布局 解决方案 参考文章: (1)iOS UIButton 图片文字上下垂直布局 解决方案 (2)https://www.cnblogs.com/yajunL ...

  7. HTML5怎么让图片和文字重叠,利用HTML5实现全屏图片文字过渡切换特效

    特效描述:利用HTML5实现 全屏图片 文字过渡 切换特效.利用HTML5实现全屏图片文字过渡切换特效 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码  Masupitami Wal ...

  8. python3 识别图片文字

    1.下载相关组件 安装:pip install Pillow 或下载:https://pypi.org/project/Pillow/5.2.0/  ,https://pypi.org/project ...

  9. VS2003 下GridControl的列显示成图片+文字的形式实现

    public RC_CustomerSolicitListUC(){// 该调用是 Windows.Forms 窗体设计器所必需的. InitializeComponent();// TODO: 在 ...

最新文章

  1. crontab命令的使用
  2. Oracle命令--数据文件被误删后的处理
  3. IDEA---SpringBoot同一个项目多端口启动
  4. LeetCode 1671. 得到山形数组的最少删除次数(最长上升子序DP nlogn)
  5. 实验五 数独游戏界面设置
  6. windows 下安装Python
  7. SpringBoot2.0之三 优雅整合Spring Data JPA
  8. 控制kvm-qcow2增长空间-(一)
  9. 《搭建Centos7之一》
  10. Java 任务调度,分布式定时任务XXL-JOB,elastic-job
  11. Steam怎么和Steam link远程畅玩?
  12. SPSS教程:单因素重复测量方差分析,超详细图文教程
  13. memtest86内存测试工具介绍
  14. iOS-UIGraphics将两个图片合并成一张
  15. HDL4SE:软件工程师学习Verilog语言(十一)
  16. 社交网络中的Link Prediction
  17. 大数据学习中虚拟机准备工作(centos基础配置)
  18. SyntaxError: Missing parentheses in call to ‘print‘. Did you mean print(e)?
  19. 哪些开源协议可以商用
  20. unescape,escape加密解密js

热门文章

  1. 奇半数、偶半数—(N的奇半数就是N的奇数位组成的数,N的偶半数就是N的偶数位组成的数(从右侧开始数))
  2. 奇思妙想:DIY一只机器鱼,先从选择舵机开始
  3. 2022-2028全球与中国化学机械抛光(CMP金刚石衬垫调节器市场现状及未来发展趋势
  4. 七夕专栏:看看大家都在干什么,对微博七夕超话的爬取
  5. ADaM---Analyis Data Model implementation Guide V1.3
  6. ThinkPad按键fn+4电脑黑屏解决办法
  7. Quectel BC28-CNV 多频段、高性能、低功耗 LTE Cat NB2 无线通信模块[移远通信]
  8. 绿皮书一些quant 题目 (1)
  9. 巧妙用思维导图做营销策划|营销人员收藏
  10. Java读取配置文件中文乱码的问题