如何将上传的文件名设置为输入类型：html中javascript上的文本

我想向我的html页面添加一个文件上传控件，如下所示

<input class="form-control valid" id="rptScreenShot" type="text" style="float:left;" runat="server"
                               data-val="true" data-val-maxlength="The field Report Sample must be a string or array type with a maximum length of '600'." 
                               data-val-maxlength-max="600" value="" aria-invalid="false" />
<label class="btn btn-default btn-file">
    Browse <input class="form-control" id="upld_sample1" type="file" name="file_rptsample1" style="display: none;">
</label>

我无法做到的是，在用户浏览文件后捕获所选文件，并通过javascript或jquery将其设置为RPTShreenshot的值。如有任何帮助，我们将不胜感激。

以下内容

$upld_sample1.onchange，函数e{ console.logFileinfo:，e.target.files[0] $RPT屏幕截图.vale.target.files[0]。名称 } 浏览

---

但是，如果没有文件的完整路径，我如何在单击“保存”按钮后从用户本地将其上载到服务器？有办法吗？所有信息都在e.target.files[0]中，您的问题只要求在input@JesusHamdi您通常在JS中使用FormData将上载的文件传递到服务器，在服务器上附加文件本身，您不需要路径抱歉，但我在e.target.files[0]中看不到完整的路径？谢谢你的帮助，顺便说一句。我将创建另一个问题，以便在以后某个时候将文件发送到服务器。谢谢你抽出时间。