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>