A. HTML怎么显示一个文件夹的所有图片
操作方法:
1、打开我的电脑,点搜索。
2、点其他搜索选项。
3、选择图片、音乐或者视频。
4、点更多高级选项,选择搜索的盘符。
5、点搜索,等待搜索完毕即可。
B. html页面获取文件夹中全部图片显示在当前页面中
你好,的确上面的方法是不可能实现的,现在浏览器为了防止安全会静止直接读取本地文件,如果你是自己做做玩的话,把html文件后缀名改成hta,直接点击就可以运行了,但这样就不是网站了。
你要的效果不做成网站是无法实现的,不知道你是不是初学html只是用html静态页面来做。
你想实现的效果我只能给个思路,因为不同的后台语言实现不同(asp,jsp,php),当然不做成网站的形式而是单纯网页的形式应该是无法上传图片的(我之前学的时候试了很久,认为无法实现)。
你指的后台应该是页面的后台,需要使用type=file 的input。然后参考你选择的后台语言上传文件的用法,就可以将图片上传上去(jsp的话注意后台内部的实现是先上传到一个temp目录 这个你可以不用管)。
选好图片提交上去,后台写处理的方法,存放到指定的目录,并在数据库中记录下相对位置。
前台页面就用img src=“……” 列出数据库中存的所有图片文件。
说不清楚,感觉你是没有学过 如ASP.net,JSP,PHP的网站制作语言,只是想用纯JS实现,因为学了的话这些慢慢地就会想清楚怎么做。
我觉得如果你周围的同学没人用js实现的话,你也就不要朝着这方面想了,先把这个放下吧,了解一下某个网站语言的制作,这样你就会发现这个只是一个实现文件上传的小问题,而且做成网站后大家都能来访问,即使你以后只打算从事前端布局,也必须有一些后台的知识才行。
C. html如何实现显示同一文件夹下面所有图片
html文件不可能遍历文件夹中的文件的。
只有通过JS来实现。。。
D. 网页制作 显示文件夹中的所有图片
基本已经实现(我的意见是这种问题最后是不应该放在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>
E. 请问html怎么实现调用某个文件夹下的所有图片啊
HTML只是标记,没有运算的成份,你需要使用javascript或php之类的可以运算的语言。通过一个循环找到某个文件夹下的图片。
F. html如何显示文件夹中的所有图片在页面中。
html文件不可能遍历文件夹中的文件的。
只有通过JS来实现。。。
jS本地还可以,上到服务器上就不行了。
G. html如何插入一个文件夹的所有图片
html中插入图片的代码是<img src="这里是图片路径">,如果是同一个文件夹,在src中填写图片的名称就可以了,
<p> <img src=" "> </p>