是否有可能在Javascript中打開目錄並讀取圖像文件並將其顯示爲html？

我想知道是否有可能在JS中打開目錄，讀取圖像文件並將其顯示爲Html？我相信JS限制能夠直接打開目錄中的任何文件，但我想要的是：是否有可能在Javascript中打開目錄並讀取圖像文件並將其顯示爲html？

我有一個XML文件，其中將包含Web服務器根文件夾中的映像文件的路徑因此我的層次結構就是這樣

webserver root folder--->| 
         html 
         js 
         css 
         images 
         xml

，我會使用XMLHttpRequest和飼料目錄標籤和文件名標籤具有顯示圖像到我的HTML頁面幀我的JS文件。

[我的形象也是在同一個Web服務器的根文件夾，但是從HTML不同的文件夾]

如何去做任何指針？我想我們可以將圖像文件也作爲base64編碼數據存儲在XML中，但這會使數據交換變得巨大，也不知道這是否是一種理想的方法（是嗎？請建議）

請給我爲此提供了一些技巧。

感謝

巴拉吉[R

來源

2011-05-17 devgp

糾正我，如果我錯過了什麼，但你實際上有圖像路徑和文件名..只是'image.src = path + fn;' – Zlatev 2011-05-17 22:23:22

你是說在服務器或本地機器上的文件夾/文件？ – morgar 2011-05-17 22:23:30

@ Zlatev - 對不起，我糾正了我的帖子，是的，我得到的圖像路徑和文件名，都在我的web服務器根文件夾 – devgp 2011-05-17 22:30:57

JavaScript無法訪問服務器上的文件系統，因爲它在客戶端運行。

但是使用JavaScript或Ajax，您可以在服務器上調用一些php代碼，它將從文件系統讀取圖像，然後將該圖像傳遞迴JavaScript。

我已經描述過here該怎麼做。

來源

2011-05-17 22:21:17

的JavaScript只能訪問&權限的瀏覽器訪問，所以，除非圖像是一個目錄，它通常會在網站上訪問，你的信息使用JavaScript不會有太大的運氣。

有什麼辦法可以讓文件系統中的路徑可用於Web文檔根文件夾？也許通過使用Alias或Symlink？

來源

2011-05-17 22:21:03 stevecomrie

好我的不好，我想我應該更具體提到我所說的「文件系統」。是的文件系統基本上是我的網絡文件的根文件夾。在我的網絡服務器中，我有一些類似下面的層次結構---> html，images，css，js，xml。所以是在我的HTML文件，如果我給 />它的作品，我可以看到圖像。 – devgp 2011-05-17 22:27:09

如果我正確地關注了你，example.com/js/somefile.js正在嘗試訪問像example.com/images/image.jpg這樣的內容嗎？

如果是這樣的話，我要麼使用圖像的絕對URL：

"http://www.example.com/images/image.jpg"或相對路徑"../images/image.jpg"

當引用在你的代碼，你可以實際使用純文本文件中的圖像，一個圖像每行路徑。然後在您的onreadystatechange功能：

pictures = var.responseText.split("\n");

現在的照片是圖片路徑的數組。

來源

2011-05-17 22:52:38 daalbert

甚至更好：「/images/image.jpg」 – 2011-05-17 22:57:02

首先，感謝您的迴應。是的，你是對的我可以做到這一點，但我想我會服務器端腳本的另一種方法。基本上我不想輸入服務器上每個圖像的URL。我希望腳本搜索目錄並顯示該目錄中的所有圖像 – devgp 2011-05-17 22:59:46

您可以將它讀取的文件實際上作爲一個php腳本。在腳本中包含一個標題（'Content-type：text/xml'），這樣它將完全動態。 – daalbert 2011-05-17 23:10:35

是否有可能在Javascript中打開目錄並讀取圖像文件並將其顯示爲html？

回答

相關問題