javascript - 如何显示输入文件标签的文件路径?

标签 javascript html file-upload

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

相关文章:

javascript - 根据 xsl :value-of 有条件地显示 2 个字符中的 1 个

javascript - 动态生成的图标

google-apps-script - 通过 Google App 脚本将 CSV/Excel 文件上传为工作表

javascript - blueimp jQuery文件上传插件隐藏上传的文件

javascript - javascript中的段落

javascript - 如何使 infowindow 和 setzoom 都适用于 Google map API v3

javascript - 可以指向以 javascript ://execute any code? 开头的 URL 的链接吗

html - 不能在其他 div 标签中居中 div

javascript - IE9 中的多个文件选择并将 FileReference 数据传递给 Javascript

javascript - 将对象作为函数调用以及在该对象内部调用函数