Java 如何在jsp中向img标记显示字节数据？_Java_Html_Image_Jsp_Base64

Java 如何在jsp中向img标记显示字节数据？

java html image jsp

Java 如何在jsp中向img标记显示字节数据？,java,html,image,jsp,base64,Java,Html,Image,Jsp,Base64,我想将字节数据从jsp设置为img html标记。首先，我通过以下代码将字节数据转换为base64： byte[] encodeBase64 = Base64.getEncoder().encode(imageBuffer1); encoded = new String(encodeBase64, "UTF-8"); encoded = "data:image/png;base64," + encoded; out.println(encoded); <img id="profileIm

我想将字节数据从jsp设置为img html标记。首先，我通过以下代码将字节数据转换为base64：

byte[] encodeBase64 = Base64.getEncoder().encode(imageBuffer1);
encoded = new String(encodeBase64, "UTF-8");
encoded = "data:image/png;base64," + encoded;
out.println(encoded);

<img id="profileImage" src="<%=encoded%>">

base64数据是我通过以下代码将字节数据设置为img标记：

byte[] encodeBase64 = Base64.getEncoder().encode(imageBuffer1);
encoded = new String(encodeBase64, "UTF-8");
encoded = "data:image/png;base64," + encoded;
out.println(encoded);

<img id="profileImage" src="<%=encoded%>">

“>

但是我看不到img标签中的图像。哪里错了？如何从jsp页面显示img标签中的图像？请帮助我

需要注意的一点：

字节数据是指纹数据。因此，我要做的是获取指纹数据，然后将数据显示给img标记。第一部分完成。我已成功捕获字节格式的指纹数据。现在我要将字节数据显示给img标记。请在这方面帮我。

看起来您的基本64图像数据无效根据您发送的链接

您可以通过直接在浏览器URL栏中输入完整字符串来测试它（Firefox可以做到这一点）：

你的url看起来不错

将imageBuffer1输出到文件系统上的png文件，以确保字节[]实际上是有效的png

下面是一个有效的图像src作为base64数据的示例

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>

第一步

UploadController.java 步骤2

upload.jsp






上传页面
${imageName}

欢迎使用SO！请在您的答案中添加一些内容，解释它的作用和工作原理。

<!DOCTYPE html>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" />
    <c:url value="${pageContext.request.contextPath}/css/styles.css" var="jstlCss" />
    <link href="${jstlCss}" rel="stylesheet" />
</head>
<body>
    <nav class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="/">Spring Boot</a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index">Home</a></li>
                    <li><a href="upload">Upload</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container">
            <div class="starter-template">

                <h1>Upload Page</h1>

                <c:set var="message" scope="page" value="${message}" />
                <c:if test="${not empty message}">
                    <h2><c:out value="${message}" /></h2>
                </c:if>

                <c:set var="fileBase64" scope="page" value="${fileBase64}" />
                <c:if test="${not empty fileBase64}">
                  <h2>${imageName}</h2>
                  <img src="data:image/*;base64,${fileBase64}" alt="No image" style="max-width: 70%; height: auto;" />          
                </c:if>

            </div>

            <hr>
                <form method="POST" action="/upload" enctype="multipart/form-data">
                    <input type="file" name="fileName" /><br />
                    <input type="submit" value="Submit" />
                </form>
    </div>

    <script type="text/javascript" src="webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>