我有一个如下图所示的屏幕。选择文件后,我需要在“导入文件”中显示所选文件名和完整路径。 alt text http://img821.imageshack.us/img821/2844/fileupload.jpg
我想,它已经用 javascript 完成了。有人,请给我一个如何实现此功能的想法。
最佳答案
可以动态生成<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>
关于javascript - 如何显示输入文件标签的文件路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3440348/