Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何显示输入文件标记中的文件路径?_Javascript_Html_File Upload - Fatal编程技术网

Javascript 如何显示输入文件标记中的文件路径?

Javascript 如何显示输入文件标记中的文件路径?,javascript,html,file-upload,Javascript,Html,File Upload,我有一个屏幕,如下图所示。选择文件后,我需要在“导入文件”中显示所选文件名和完整路径 我想,这是用javascript完成的。有人,请告诉我如何实现此功能。我希望。 这是表格结构, 因此,请执行以下步骤 1) 让用户浏览并选择文件。 2) 单击“添加文件”按钮,将文件输入中的文本添加到表的行中,我希望如此。 这是表格结构, 因此,请执行以下步骤 1) 让用户浏览并选择文件。 2) 单击“添加文件”按钮,将文本从文件输入添加到表的行中,您可以动态生成表示表中行的元素。例如: function Ad

我有一个屏幕,如下图所示。选择文件后,我需要在“导入文件”中显示所选文件名和完整路径

我想,这是用javascript完成的。有人,请告诉我如何实现此功能。

我希望。
这是表格结构, 因此,请执行以下步骤
1) 让用户浏览并选择文件。
2) 单击“添加文件”按钮,将文件输入中的文本添加到表的行中,我希望如此。
这是表格结构, 因此,请执行以下步骤
1) 让用户浏览并选择文件。

2) 单击“添加文件”按钮,将文本从文件输入添加到表的行中,您可以动态生成表示表中行的元素。例如:

function AddRow(int serialNumber, string fileName)
{
   var table = document.getElementById('tableId');
   table.innerHtml += "<tr><td>" + serialNumber + "</td><td>" + fileName+ "</td></tr>
}
此外,您还必须在文件f.e.顶部的某个位置声明序列号属性

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

您可以动态生成
元素来表示表中的行。例如:

function AddRow(int serialNumber, string fileName)
{
   var table = document.getElementById('tableId');
   table.innerHtml += "<tr><td>" + serialNumber + "</td><td>" + fileName+ "</td></tr>
}
此外,您还必须在文件f.e.顶部的某个位置声明序列号属性

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

谢谢你的回答。实际上,“添加文件”按钮的用途不同。该要求类似于-“导入文件”网格已经存在,“序列号”和“要导入的文件”列的值都为空。一旦用户通过单击“浏览”按钮选择文件,该文件路径应显示在“要导入的文件”列中。@Raj。尝试在该文件输入组件上更改值,并尝试将其添加到+1。为什么对该答案投反对票?落选的选民应该留下评论。谢谢你的回答。实际上,“添加文件”按钮的用途不同。该要求类似于-“导入文件”网格已经存在,“序列号”和“要导入的文件”列的值都为空。一旦用户通过单击“浏览”按钮选择文件,该文件路径应显示在“要导入的文件”列中。@Raj。尝试在该文件输入组件上更改值,并尝试将其添加到+1。为什么对该答案投反对票?被否决的选民应该留下评论。但是,何时何地调用此功能?@ukaszW.pl&所有对被否决的投票提出投诉的人。我是这个社区的新手。我本人到现在还没有投票。我完全不知道这个功能。它不是给你的。。。这是为了一个失望的选民。。有一条很好的规则,你应该写下你投反对票的原因——有人投了反对票,但没有说明原因;)哦,我明白了。谢谢你的信息。顺便说一下,我对你的代码做了一些调整。而且,它现在起作用了。再次感谢。我很高兴;)祝这个项目好运;)但是,何时何地调用此函数?@ukaszW.pl&所有对否决票提出投诉的人。我是这个社区的新手。我本人到现在还没有投票。我完全不知道这个功能。它不是给你的。。。这是为了一个失望的选民。。有一条很好的规则,你应该写下你投反对票的原因——有人投了反对票,但没有说明原因;)哦,我明白了。谢谢你的信息。顺便说一下,我对你的代码做了一些调整。而且,它现在起作用了。再次感谢。我很高兴;)祝这个项目好运;)