如何從輸入文件標籤顯示文件路徑？

我有一個如下圖所示的屏幕。一旦選擇了一個文件，我需要在「導入文件」中顯示具有完整路徑的選定文件名。 alt text http://img821.imageshack.us/img821/2844/fileupload.jpg 如何從輸入文件標籤顯示文件路徑？

我想，這是用javascript來完成的。有人請給我一個想法如何實現這一功能。

來源

2010-08-09 rajshekhar

正確描述 – 2010-08-09 13:26:50

可以動態地生成<tr>元素來表示你的錶行的點擊。例如：

function AddRow(int serialNumber, string fileName) 
{ 
    var table = document.getElementById('tableId'); 
    table.innerHtml += "<tr><td>" + serialNumber + "</td><td>" + fileName+ "</td></tr> 
}

此外，事實是，你不能攔截在JavaScript中的完整文件路徑。你只能得到一個文件名並把它放在你的表中。

您可以啓動它作爲一個事件在onchange事件輸入：

<input type="file" onchange="javascript:AddRow(serialNumber, this.value); serialNumber++;">

你也需要在你的文件F.E.上方某處聲明您的序列號屬性

<script type="text/javascript">var serialNumber = 0;</script>

來源

2010-08-09 13:22:47

尼斯..謝謝你沒有理由的投票。 – 2010-08-09 13:25:45

但是，何時何地調用此函數？ – rajshekhar 2010-08-09 13:27:05

檢查更新;） – 2010-08-09 13:34:24

我希望。
這是表結構，所以執行以下步驟
1）讓用戶瀏覽並選擇文件。
2）添加文件按鈕，從文件輸入的文本添加到表的行here is the help

來源

2010-08-09 13:19:39

感謝您的回答。實際上，「添加文件」按鈕用於不同的目的。要求就像 - '導入文件'網格已經存在，'序列號'和'導入文件'列都爲空值。一旦用戶通過單擊瀏覽按鈕選擇文件，該文件路徑應出現在「要導入的文件」列中。 – rajshekhar 2010-08-09 13:25:41

@Raj。嘗試通過該FILE INPUT組件的ValueChange並嘗試添加它 – 2010-08-09 13:30:49

+1爲什麼對此答案進行投票表決？向下選民應該留下評論。 – 2010-08-09 13:46:11

如何從輸入文件標籤顯示文件路徑？

回答

相關問題