如何獲取所有文件路徑，同時使用具有多個屬性的html「文件」輸入

Question

我正在開發一個網頁，在該網頁中我必須上傳 單個瀏覽的多個文件。

我使用HTML <input id="filelist" type="file" multiple=multiple>

這使得選擇多個文件，也獲取所有選定的文件，該文件顯示在文件上傳 文本區域的 完整的文件路徑。

<script language="JavaScript"> 
    <!-- 
    function showname(){  
     var filepath = document.form1.filelist.value ; 
     alert(filepath); //this shows only first filename among selected file 
    } 
    --> 
    </script> 

但問題是，當我輸入的值，它僅返回選定文件中的第一個文件 名。

現在我怎樣才能得到文件上載文本區域中顯示的文件路徑。

謝謝！

Answer 1

這是瀏覽器特定的。所以你可能會在不支持這個的瀏覽器中運行它。例如Firefox就是。這裏有一個如何使用此功能的例子：

http://hacks.mozilla.org/2009/12/multiple-file-input-in-firefox-3-6/

Answer 2

我會考慮使用http://www.uploadify.com/about/或http://www.fyneworks.com/jquery/multiple-file-upload/。他們應該幫助你，並且爲你的文件上傳表單添加一些很酷的功能。

Answer 3

出於安全目的，故意將文件路徑隱藏在頁面之外。要查看本地文件系統，您需要使用Java，Active-x（meh）或Flash。