HttpServletResponse响应图片,文字

最新推荐文章于 2023-07-13 14:38:50 发布

仅次于鹰

最新推荐文章于 2023-07-13 14:38:50 发布

阅读量9.5k

点赞数 2

分类专栏： java 文章标签： response响应图片或文字

本文链接：https://blog.csdn.net/weixin_39549656/article/details/79187546

版权

java 专栏收录该内容

37 篇文章 3 订阅

订阅专栏

显示本地图片

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();