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

我有一个如下图所示的屏幕。一旦选择了一个文件，我需要在“导入文件”中显示具有完整路径的选定文件名。 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

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

回答

相关问题