java的图片上传与前端展示实例（Servlet+Jsp）

最新推荐文章于 2024-03-31 13:34:43 发布

VIP文章 iamzhuwenhui

最新推荐文章于 2024-03-31 13:34:43 发布

阅读量2.4w

点赞数 6

分类专栏： web 文章标签： java servlet jsp

本文链接：https://blog.csdn.net/u013632854/article/details/73276992

版权

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

js的路径示例：

<!-- 加上/，代表http://localhost:8080/，此目录下 -->
<!-- 不加上/，代表http://localhost:8080/项目名称/，此目录下 -->
<!-- ./xx.html，代表当前文件的同级目录下找xx.html -->
<!-- ../xx.html，代表当前文件的上一级目录下找xx.html -->
<!-- ../../xx.html，代表当前文件的上一级的上一级目录下找xx.html -->

java的路径示例：

可以参考这个，写的比较详细
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">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  </head>

    <body>
    <!-- 这个是接收服务器发回来的内容，EL表达式 -->
    ${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></

最低0.47元/天解锁文章

iamzhuwenhui

关注

6
点赞
踩
48

收藏

觉得还不错? 一键收藏
5
评论
java的图片上传与前端展示实例（Servlet+Jsp）

图片上传与前端展示实例内容前瞻1、关于路径2、前端图片上传与展示3、后台获取并保存环境1、前端jsp2、服务器tomcat3、服务端servlet4、使用tomcat发布项目的相对路径（你写代码的工程目录和发布到tomcat可以访问的目录是不一样的）
复制链接

扫一扫