java的图片上传与前端展示实例(Servlet+Jsp)
内容前瞻
- 1、关于路径
- 2、前端图片上传与展示
- 3、后台获取并保存
环境
- 1、前端jsp
- 2、服务器tomcat
- 3、服务端servlet
- 4、使用tomcat发布项目的相对路径(你写代码的工程目录和发布到tomcat可以访问的目录是不一样的)
关于路径
- 相对路径:
- 1、在jsp文件头部添加获取相对路径的代码
- 2、在HTML的head中引入相对路径
//jsp头部
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
//html头部
<head>
<base href="<%=basePath%>">
</head>
http://localhost:8080/system/img/a1.jpg
http://你的ip与端口/项目名称/资源文件,例如img/a1.jpg
可以参考这个,写的比较详细
http://blog.csdn.net/snannan_268/article/details/5511614
在java中路径一般用"/"
windows中的路径一般用"\"(在java中写"\",要写成"\\",因为"\"是转义符)
linux、unix中的路径一般用"/"
java是跨平台的,Linux和Unix下都是用“/”。而在windows下也能识别“/”。所以最好用“/”
简单示例
1、前端图片上传与展示
UploadTest.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>上传</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
${path}
<form action="UploadTestServlet" enctype="multipart/form-data" id="loginform" name="loginform" method="post">
选择图片:<input type="file" name="filename"/>
<input id="subid" name="subid" type="submit" value="提交">
</form></