java web jsp怎么插图片

Posted 2023-04-12

JSP中插入的图片就是一个html的img标签，如
<img src="images/hi.png"/>
1. 上传图片到服务器的文件系统中
2. 把图片的地址保存到数据库
3. 读取图片的地址，设置到<img src=".."/>的src属性中 参考技术A 通过路径选择图片，需要一个标签<input type="file" />

具体代码
function chooseFile(fileInput)

var arr=["jpg","bmp","gif","png"];

var fileName=fileInput.value;
var fileType=fileName.subString(fileName.substring(fileName.lastIndexOf(".")+1));

for(var t in arr) // ★★★★★使用的是对象访问语句

if(fileType==arr[t])

document.getElementById("photo").value=fileName;




alert("不支持这种文件类型!");
document.getElementById("photo").value="";


<input type="hidden" id="photo"/>
<input type="file" id="myfile" onchange="chooseFile(this)"/> 参考技术B 用表格插入图片
<table>
<tr>
<td><img src="图片路径" width="宽度px" height="高度px"></td>
</tr>
</table> 参考技术C <td><img src="图片路径" width="宽度px" height="高度px"></td> 参考技术D <img src='/xx.jpg' />

Java web项目访问路径问题。求解啊！

myeclipse项目下建了个images文件夹，和src同级，在webroot下有个view文件夹，里面有个top.jsp页面。如下图：

1、top.jsp里用到了images里的图片logo.jpg，我应该怎么写图片路径呢。
2、如果我要访问pages里的login.jsp页面，在浏览器地址应该怎么写。

images的url写成src="$pageContext.request.contextPath/images/logo.jpg"

一般会把$pageContext.request.contextPath这部分提取出来，在jsp写成：

<% String path = request.getContextPath();%>

如图：

则images路径可以写成src="<%=path%>/images/logo.jpg"

访问login.jsp页面的话，写成http://ip:端口号/CityInfo/pages/login.jsp

参考技术A src = "<%=new java.io.File(application.getRealPath(request.getRequestURI())).getParent();%>/xxx/xxx"
//能取到tomcat中项目的绝对路径。
//X:/tomcat/webapps/CityInfo
//在后面拼接images试一下管不管用。

参考技术B 你的程序里面用到的地方最好写相对路径。你的东西放的挺乱的。。。

对于第一个问题：logo.jpg位于images文件夹，是top.jsp上级目录的上级目录，所以你写的话要这样写../../images/logo.jpg，../表示上级目录，先找到和view文件夹同级目录，然后再找和WebRoot文件夹同级目录，这样就能取到了。最好css、js和images这些文件夹都放到WebRoot下面。

对于第二个问题，这要看你的工程是怎么设置的了，一般Web项目都是以WebRoot作为根目录的，你想访问pages里面的login.jsp可以在index.jsp里面添加一个链接，然后你在浏览器里面查看一下这个链接就知道了。链接同样采用相对路径的写法，pages是和WebRoot文件夹同级的，属于index.jsp的上级目录，<a href="../pages/login.jsp">注册页面</a> 参考技术C 这个分为相对路径和绝对路径，绝对路径的话可以直接通过目录层级访问页面，相对路径需根据两个页面间的层级关系访问。 参考技术D css，images，js 怎么能和src同级呢？页面，样式，js等，最好放到webRoot下，或web-inf下。放到src这是头一回看到。。。。。