基本已经实现(我的意见是这种问题最后是不应该放在JSP里实现的,不过你要求我就改成jsp的了,需要的话我把servlet发上来),有什么问题的话,可以给我留言:
<%@ page language="java" import="java.io.File,java.io.FileFilter" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language='javascript' type='text/javascript'>
<!--
var timeOut;
function view(pic)
{
var bigImgDiv=document.getElementById('showBigImg');
bigImgDiv.className='view';
bigImgDiv.style.display='block';
bigImgDiv.onmouseout=delay;
bigImgDiv.onmouseover=cle;
bigImgDiv.innerHTML="<img width=600px height=600px src='"+pic.src+"'/>";
}
function hidden()
{
document.getElementById('showBigImg').style.display='none';
}
function delay()
{
timeOut=setTimeout('hidden()',2000);
}
function cle()
{
alert('clear');
clearTimeout(timeOut);
}
//-->
</script>
<style type='text/css'>
<!--
.view {
position: absolute;
left: 200px;
top: 150px;
}
//
-->
</style>
</head>
<body>
<div id="showBigImg"></div>
<%!private String getARow(File[] pics, int beginIndex, int rowCount) {
StringBuffer buffer = new StringBuffer();
buffer.append("<tr>");
for (int count = 0; count < rowCount && beginIndex < pics.length; count++) {
//这里的pic/“+pics[beginIndex.getName()中pic为和当前jsp在同一个目录下的图片文件夹,根据你的项目自己改一下
buffer.append("<td><img onmouseout='delay()' onmouseover='view(this)' src='pic/"
+ pics[beginIndex].getName()
+ "' width='60px',height='60px'/></td>");
beginIndex++;
}
buffer.append("</tr>");
return buffer.toString();
}
private String toHtml(File[] pics,int rowCount)
{
StringBuffer buffer=new StringBuffer();
if(rowCount>0)
{
buffer.append("<table>");
for(int beginIndex=0;beginIndex<pics.length;beginIndex+=rowCount)
{
buffer.append(getARow(pics, beginIndex, rowCount));
}
buffer.append("</table>");
}
else
{
}
return buffer.toString();
}
public String haha() {
// file directory
//这个目录也改一下,可以设为绝对路径
File contentDirectory = new File("../webapps/XFireDemo/pic");
File[] allFile = contentDirectory.listFiles(new FileFilter() {
// pictrues you want to show
//你要显示的图片文件的后缀,根据你的实际情况改一下
String[] suffix = { "gif", "jpg", "bmp" };
public boolean accept(File arg) {
for (String aSuffix : suffix) {
if (arg.getName().toLowerCase().endsWith(
aSuffix.toLowerCase()))
return true;
}
return false;
}
});
try{
if(allFile==null||allFile.length<1)return contentDirectory.getCanonicalPath();
}
catch(Exception e)
{
e.printStackTrace();
}
return toHtml(allFile, 3);
} %>
<%=haha()%>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
怎样让电脑文件夹中显示所有图片
首先,需要打开文件夹选项。这可以通过在任意文件夹窗口中点击“查看”选项卡,然后在“当前视图”区域中点击“选项”按钮来实现。或者,也可以通过控制面板进入文件夹选项。具体方法是:打开控制面板,将查看方式设置为“小图标”或“大图标”,然后点击“文件夹选项”。2. 选择视图方式 在文件夹选项中,...
如何在文件夹中显示出所有图片
1. 打开文件资源管理器:在Windows系统中,可以通过按下Win + E键来打开文件资源管理器。在Mac OS系统中,可以通过Finder来打开文件管理器。2. 导航到图片所在的文件夹:在文件资源管理器中,找到包含你想要显示的图片的文件夹,并点击进入。3. 更改查看选项:在文件夹内,可以看到不同的查看选项,如...
怎样把文件夹里的图片显示在屏幕上?
1.打开图片文件夹后,点选查看--选项--更改文件夹和搜索选项 2.点选查看--“始终显示图标,从不显示缩略图”,取消勾选,再确定
html文件夹中的图片怎么显示在当前页面中?
在这里写下标签。这是一个空标签,创建的是被引用图像的占位空间。同时在HTML中, 标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。示例:
怎样显示文件夹中所有图片的预览?
1. Adobe Bridge:Adobe Bridge是Adobe公司推出的一款文件浏览器,它可以显示各种文件类型的预览,包括图片。使用Adobe Bridge,你可以轻松浏览文件夹中的图片,并对它们进行排序、筛选和编辑等操作。2. XYplorer:XYplorer是一款功能强大的文件管理器,它提供了丰富的文件预览功能,包括图片预览。使用XYplorer...
怎样一键提取网页里的所有图片?
1、首先在浏览器中进行搜索,打开目标网页。2、然后点击鼠标右键,在右键菜单中点击选项“另存为”。3、然后在出现的窗口中,对保存文件进行命名,设置文件保存类型为html文件,点击保存。4、然后在电脑中找到保存好的文件,双击进行打开。5、可以发现网页所有的图片都在这个文件夹中。完成以上设置后,...
在网页中如何一次显示所有图片
把网页所有图片下载到本地,这样就可以一次全看到了,不用再一页页的翻了。第一种方法可以尝试下网页另存为,这样会下载到本地一个图片文件夹,看看是否把图片都下载到本地了 第二种方法,用软件,查看所有图片,下载到本地。
网页如何随机显示指定文件夹中的图片
?>.jpg" alt="" \/> 说明:随机调用images\/random\/文件夹下的图片。图片命名格式为 img_1.jpg、img_2.jpg、img_3.jpg ... img_20.jpg 你可以修改20为其他数字,根据你的图片数量。注意命名格式要一致。详细可以看看这篇文章:http:\/\/www.weblog3.info\/simple_random_header_images.html ...
网页制作 显示文件夹中的所有图片
\/\/这里的pic\/“+pics[beginIndex.getName()中pic为和当前jsp在同一个目录下的图片文件夹,根据你的项目自己改一下 buffer.append("");beginIndex++;} buffer.append("");return buffer.toString();} private String toHtml(File[] pics,int rowCount){ StringBuffer buffer=new StringBuffer();if...
总文件夹子的子文件夹所有图片怎么打开
安装一个adobe的软件Bridge。1、打开Bridge软件,左侧有个文件夹浏览,根据我们的需要,依次打开需要浏览图片的主文件夹。2、在菜单栏上打开视图,选择显示子文件夹中的项目。所有的子文件夹里的图片全部打开预览图了。