masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > Java > javaTutorial > teks badan

怎么在jsp页面里面插图

(*-*)浩
Lepaskan： 2020-09-15 13:42:59
asal
9873 orang telah melayarinya

在jsp页面里面插图的方法：首先建立“Dynamic Web Project”；然后在WebContent下建立image文件夹，并放入图片；接着在“index.jsp”中编写图片路径代码；最后运行程序在浏览器中查看图片即可。

怎么在jsp页面里面插图

最近初学Java Web遇到一个问题，就是在jsp中没法显示图片。在网上搜索了许多内容，基本都是说路径问题，因为刚开始是凭着自己的一点半吊子html经验写的，而且我自认为不可能写错路径，但后来发现确实是路径出现了一些问题。（由此可见不要过分相信自己的半吊子经验）

推荐课程：Java教程。

首先我们先要重新来认识下相对路径和绝对路径。

相对路径:指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。

绝对路径:为文件提供的完全路径，包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。

而据我在网上的搜索来看在jsp中是无法直接使用绝对路径的。（需要对tomcat进行配置）

所以要使用相对路径，所以你的图片文件夹和你的jsp文件要在同一级（也就是同一个目录下），这样就可以很好的调用。

下面给出我对这个问题的最佳实践

准备部分：建立Dynamic Web Project。（在这里我的项目名为Shop3）

在WebContent下建立image文件夹，并放入图片logo.png。

logo.png

在WebContent下建立index.jsp文件。

logo1.png

在这里我们可以看到jsp文件和index文件是在同一个目录下面的。

在index.jsp中编写图片路径代码。

<html>
<head>
</head>
<body>
    <img src ="image/logo.png" />
</body>
</html>
Salin selepas log masuk

运行程序，就可以看到图片显示在浏览器中了。

logo3.png

Atas ialah kandungan terperinci 怎么在jsp页面里面插图. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
jsp
sumber：php.cn
Artikel sebelumnya：jsp表达式是什么 Artikel seterusnya：java怎么返回json
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1982
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
10
2144
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1807
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1704
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1716
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan