JSP页面怎么使用img标签显示本地图片

我使用eclipse开发,我在tomcat下server.xml配置了然而还是显示不了。求大神指教

把我们项目在用的配置借你参考下,在server.xml配置如下:

图片地址:

值得注意的是,如果用IDEA跑项目,应该在IDEA中配置,如下:
图片说明

加file://在路径前面就可以直接显示本地图片了

没明白您的需求?你是显示本地图片吗?

对的,不过是使用img标签,但是我的图片在D盘里面的,就是没有在项目里面

这样的写法,不知你的图片是固定访问这一张图吗?

路径的问题呗,检查你的路径

可能是图片的路径有问题
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>





request.getContextPath()+图片路径 路径错了吧 用绝对路径试试

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>

兄弟,你要的是这种效果吗?


<html lang="en">
<head>
    <meta charset="utf-8">
</head>
<body onload="onloadf()">
<div class="form-group">
<label for="img">选择图片</label>
<input id="img" type="text" class="form-control" size="20" name="upfile" style="margin-bottom: 6px" readonly required>
<input type="button" class="my-button-white" value="浏览" onclick="addImage.click()">
<input id="addImage" name="image" type="file" style="display:none" onchange="img.value=this.value;" required>
<img id="upLoadHead" style="max-height: 400px"/>
</div>
</body>
<script>
function onloadf() {
    document.getElementById("addImage").onchange = function (e) {
        for (var i = 0; i < e.target.files.length; i++) {
            var file = e.target.files.item(i);
            var freader = new FileReader();
            freader.readAsDataURL(file);
            freader.onload = function (e) {
                var src = e.target.result;
                document.getElementById("upLoadHead").src= src;

            }
        }
        return e;
    }
}
</script>
</html>


本地图片,可以直接放本地的连接地址,可以是绝对的,href=“”直接放,就可以了

tl__98 2018.07.06 17:16
可能是图片的路径有问题
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>

现代浏览器出于安全考虑。http/https协议的页面中不允许自动加载file协议的文件

是图片的路径有问题
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

加file://在路径前面就可以

照片上传

照片:

webcontent下建立一个包,包名为images,把想使用的本地图片复制到这个包下。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

各位大神,这个问题是这样的啊,我的功能呢是我现在在页面点击生成一个二维码,现在二维码生成好了,我把生成的二维码这个图片放在了D盘下MyQRcode文件夹下的,二维码他在D盘里面的,可是我点击生成了之后我要在页面给显示这个二维码,因为还要打印。我的步骤是这样的,用户点击——后台生成
二维码并保存在了D盘下——保存完毕,返回路径——使用Base64根据这个路径将生成的二维码转码——将Base64的字节码直接放到IMG标签中这样
拖就显示完成。这是完整的,后来我测试的时候发现,如果使用转码的话我连续点击生成七八次之后后台或出现卡顿,会卡顿一到两分钟,这期间做
不了任何操作。经过测试发现是在转码的过程中发生的卡顿。所以我就想直接显示我保存在D盘的二维码。各位。我的目的是解决卡顿问题。各位大牛
求帮助

img,src在指向本地图片资源时,页面提示资源不可用,如< img src=" file://c:1.png" />,原因是出于安全性的考虑,所以要想加载本地图片资源,只能先上传至服务器,然后src指向服务器上图片路径

如果想显示的话参考一下https://blog.csdn.net/qq_36949713/article/details/76783379

图片说明

如果需要显示本地图片的话,只需要把的url地址配置为本地即可。