導航:首頁 > 文件處理 > html獲取文件夾所有圖片

html獲取文件夾所有圖片

發布時間:2022-09-18 14:13:35

A. HTML怎麼顯示一個文件夾的所有圖片

操作方法:
1、打開我的電腦,點搜索。

2、點其他搜索選項。

3、選擇圖片、音樂或者視頻。

4、點更多高級選項,選擇搜索的盤符。

5、點搜索,等待搜索完畢即可。

B. html頁面獲取文件夾中全部圖片顯示在當前頁面中

你好,的確上面的方法是不可能實現的,現在瀏覽器為了防止安全會靜止直接讀取本地文件,如果你是自己做做玩的話,把html文件後綴名改成hta,直接點擊就可以運行了,但這樣就不是網站了。

你要的效果不做成網站是無法實現的,不知道你是不是初學html只是用html靜態頁面來做。


你想實現的效果我只能給個思路,因為不同的後台語言實現不同(asp,jsp,php),當然不做成網站的形式而是單純網頁的形式應該是無法上傳圖片的(我之前學的時候試了很久,認為無法實現)。

  1. 你指的後台應該是頁面的後台,需要使用type=file 的input。然後參考你選擇的後台語言上傳文件的用法,就可以將圖片上傳上去(jsp的話注意後台內部的實現是先上傳到一個temp目錄 這個你可以不用管)。

  2. 選好圖片提交上去,後台寫處理的方法,存放到指定的目錄,並在資料庫中記錄下相對位置。

  3. 前台頁面就用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>

閱讀全文

與html獲取文件夾所有圖片相關的資料

熱點內容
android平滑滾動效果 瀏覽:841
什麼是編譯器指令 瀏覽:219
微控制器邏輯命令使用什麼匯流排 瀏覽:885
程序員在學校里是學什麼的 瀏覽:601
oraclejava數據類型 瀏覽:890
程序員考注冊會計師 瀏覽:957
怎麼使用access的命令按鈕 瀏覽:899
有點錢app在哪裡下載 瀏覽:832
博途v15解壓後無法安裝 瀏覽:205
什麼是根伺服器主機 瀏覽:438
安卓手游怎麼申請退款 瀏覽:555
安卓系統如何分享網頁 瀏覽:278
ad如何編譯pcb工程 瀏覽:414
除了滴滴app哪裡還能用滴滴 瀏覽:399
截圖怎麼保存文件夾然後壓縮 瀏覽:8
幻影伺服器怎麼樣 瀏覽:28
具體哪些廣東公司招程序員 瀏覽:870
嵌入式編譯器教程 瀏覽:306
ssl數據加密傳輸 瀏覽:86
51單片機定時器方式2 瀏覽:332