使用IDEA时,在tomcat文件夹下的webapps内建文件夹存储图片,在html中访问图片却显示不出来!

问题:使用IDEA时,在tomcat文件夹下的webapps内建文件夹做图片服务器时,存储上传的图片后,在html中加载图片却显示不出来!

原因:在IDEA中并没有加载tomcat下webapps下的文件夹。

解决方法:如图操作

1.点击右上角配置的tomcat位置单击,然后点击Edit  进入下一步。

2.先找到左侧的tomcat信息单击,然后去右侧点击Deployment,最后点击图中的小加号,点击其下显示的External Source。

3.在弹出框内选择tomcat下webapps内存储图片的路径,如图选完后点击OK。再点击右下角的Apply,OK即可。

 

 

为了创建一个简单的Java Web项目,我们将需要以下步骤: 1. **设置环境**: - 使用Eclipse或IntelliJ IDEA等IDE - 安装Tomcat作为应用服务器 - 配置Maven或Gradle作为构建工具 2. **项目结构**: - 创建一个`webapp`目录,包括`WEB-INF`, `jsp`, 和 `java` (存放Servlets) 等文件夹。 3. **数据库配置**: - 创建一个MySQL数据库并创建一个表用于存储图片链接,比如`images`表,字段可能有`:id INT PRIMARY KEY AUTO_INCREMENT, src VARCHAR(255)`。 4. **JDBC连接**: - 在`java`文件夹下创建一个`DBConnection.java`,包含`Connection` 和 `Statement` 的实例,以及用于插入和查询图片链接的方法。 5. **JSP页面**: - 在`jsp`文件夹下创建一个HTML页面(如`upload.jsp`),包含一个表单,有一个`<form>`标签,`<input type="file" multiple/>`用于选择多张图片,以及一个按钮提交表单。在`<head>`部分引入Servlet的URL。 6. **Servlet编写**: - 创建一个名为`ImageUploadServlet.java`的文件,继承自`HttpServlet`。在`doPost`方法中,处理表单提交,读取图片源,然后使用JDBC存储到数据库。同,从数据库查询图片显示在页面上。 ```java // ImageUploadServlet.java import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ImageUploadServlet extends HttpServlet { //...省略了导入和连接数据库的部分 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { try { // 获取上传的图片 List<File> files = getUploadedFiles(request); // 插入图片链接到数据库 for (File file : files) { String path = saveToDatabase(file, connection); insertIntoImagesTable(path, statement); } // 查询数据库并显示图片 List<String> imageUrlsFromDb = queryImageUrls(connection); displayImages(imageUrlsFromDb, response.getWriter()); } catch (SQLException e) { e.printStackTrace(); } } private List<String> queryImageUrls(Connection conn) { //... } private void displayImages(List<String> urls, PrintWriter out) { for (String url : urls) { out.println("<img src='" + url + "' alt='Uploaded Image'/>"); } } private List<File> getUploadedFiles(HttpServletRequest request) { //... } private String saveToDatabase(File file, Connection conn) { //... } //...其他方法和关闭资源等 } ``` 7. **部署项目**: - 将整个`webapp`目录复制到Tomcatwebapps目录下 - 启动Tomcat访问`http://localhost:8080/your-app-name/upload.jsp`来测试上传和显示图片功能。 完成以上步骤后,用户可以上传多张图片,它们的链接会存储到数据库,并在页面上通过查询数据库生成的`img`元素展示出来。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值