JavaWeb 添加页面和用户图像展示

news/2025/2/13 18:18:21/

add.jsp(需要登录之后才可以访问  )  -> 不是和login.jsp同级了那就

在images目录下加上默认图像 js目录下加入common.js

javaWeb项目中,页面的路径 img的src form的action link的href script的src a的href推荐使用绝对路径 这个绝对路径是相对于服务器的ip地址端口 不是我们常说的从某个盘开始

。相对于服务器的ip地址端口:http://localhost:8080/

。相对路径·根据当前浏览器地址栏的路径作为参考点 

现在使用的是相对路径,建议使用绝对路径 因为在重定向和转发,尤其是转发中他不是根据文件来进行定位的

举个例子:

下面是从本地访问的方式:他的参考点  ./表示localhost:8080这个参考点

 

但是发布之后  如果没有配置好就要加上这个xx就好比

以上是相对路劲 它的参考点永远是访问的url

这是我们的直接访问 

我们还可以通过重定向来进行访问

此时的./ 就是会多了一个aaa

304状态码

304请求转发状态码

400:参数绑定异常

405 :请求方式不一致/不支持 后台只提供了get方法 但是你提交的是post

同一个相对地址,使用不同的方式访问,可能无法访问

推荐大家使用绝对路径

写法:“/” 开头   “/url” 相对路径参考点是可变的 绝对路径参考点是不变的

绝对路径在这里的参考点就一直是localhost:8080/

改一改:

文件上传表单要求

  • 提交方式: post
  • form的enctype: multipart/form-data
  • 使用文件域: <input type="file" />

图片的保存问题:

图片你保存在服务器的服务器上

其他方式:

搭建文件服务器  FastDFS (分布式文件系统)

第三方云服务器  阿里云OOS 七牛云...

tb_userinfo表保存用户头像(文件?路径)  -> 路径

servlet

savePath不能存进去  你的图片是给客户端使用的 客户端没有D:/test这个玩意

存数据库的应该是newFileName + fileName

保存用户到数据库

页面展示:

此时图片查找路径是从发布路径开始找的  out目录开始找的

客户端浏览器图片显示问题

图片此时在服务器磁盘里 不在我们发布的项目当中

解决方案:

out项目是发布在tomcat服务器上  所以根据此

把存放图片的文件夹发布到tomcat服务器中,该目录存放的都是静态资源

tomcat针对这种静态资源的发布,tomcat提供了虚拟路径:就是给本地路径绑定一个可以访问的URL

指定绑定的url(默认的是文件夹名)


http://www.ppmy.cn/news/1255581.html

相关文章

Unity 关于触摸事件的处理

在Unity 中&#xff0c;要处理触摸事件&#xff0c;主要有以下一些方法&#xff1a; Input.touches: 这个属性返回一个Touch数组&#xff0c;包含了当前帧中所有的触摸信息&#xff0c;包含触摸的数量、位置和状态等信息。 Input.touchCount: 这个属性返回当前帧中触摸的数量。…

OpenCvSharp从入门到实践-(06)创建图像

目录 1、创建图像 1.1实例1-创建黑色图像 1.2实例2-创建白色图像 1.3实例3-创建随机像素的雪花点图像 2、图像拼接 2.1水平拼接图像 2.2垂直拼接图像 2.3实例4-垂直和水平两种方式拼接两张图像 在OpenCV中&#xff0c;黑白图像其实就是一个二维数组&#xff0c;彩色图像…

解决vue3项目打包发布到服务器后访问页面显示空白问题

1.在 vite.config.ts 文件中 加入 base:./ 当你将 base 设置为 / 时&#xff0c;它表示你的应用程序将部署在服务器的根路径上&#xff0c;&#xff08;将 base 设置为 / 表示你的应用程序部署在服务器的根路径上&#xff0c;并且 Vite 会相应地处理资源和路由的路径…

QT 中使用 QTableView 和 QStandardItemModel 实现将数据导出到Excel 和 从Excel导入到 QTableView 的功能

简介 在Qt中&#xff0c;使用QTableView和QStandardItemModel来实现将数据导出到Excel和从Excel导入到QTableView的功能&#xff0c;而不使用第三方库&#xff08;如QXlsx&#xff09;。 效果 将 QTableView 中的数据导出到Excel //从tableview 导出到 EXcle void MainInterfa…

基于英特尔平台及OpenVINO2023工具套件优化文生图任务

当今&#xff0c;文生图技术在很多领域都得到了广泛的应用。这种技术可以将文本直接转换为逼真的图像&#xff0c;具有很高的实用性和应用前景。然而&#xff0c;由于文生成图任务通常需要大量的计算资源和时间&#xff0c;如何在英特尔平台上高效地完成这些计算是一个重要的挑…

C++ Easyx 三子棋

目录 思路 框架​编辑 读取操作 数据操作 绘制画面 游戏的数据结构 用二维数组来模拟棋盘格 赢的情况 平局情况 Code 代码细节部分 &#xff08;1&#xff09;初始化棋盘格 &#xff08;2&#xff09; 初始化棋子类型​编辑 事件处理部分 落子 框架内代码的完善 数据处…

分页助手入门以及小bug,报sql语法错误

导入坐标 5版本以上的分页助手 可以不用手动指定数据库语言&#xff0c;它会自动识别 <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.3.2</version> </dependency&g…

【2023.11.29练习】希尔排序的实现

题目描述&#xff1a; 本题要求实现一趟希尔排序函数&#xff0c;待排序列的长度1<n<1000。 函数接口定义&#xff1a; void ShellInsert(SqList L,int dk); 其中L是待排序表&#xff0c;使排序后的数据从小到大排列。 ###类型定义&#xff1a; typedef int KeyTy…