Question

我有一个如下图所示的屏幕。选择文件后，我需要在“导入文件”中显示所选文件名和完整路径。alt text http://img821.imageshack.us/img821/2844/fileupload.jpg

我想，它已经完成了javascript。有人，请告诉我如何实现这一功能。

Answer 1

我希望这是表结构，所以执行以下步骤
1）让用户浏览并选择文件 2）单击添加文件按钮将文件输入中的文本添加到表的行here is the help

Answer 2

您可以动态生成<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++;">

此外，您必须在文件顶部的某处声明您的序列号属性。

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

如何从输入文件标签显示文件路径？

2 个答案: