javascript - 如何在文本框中写入要上传的文件路径？

Question

小问题:我正在尝试创建一个表单来上传文件。

现在我有一个选择文件的按钮和一个提交按钮。

如果我选择了一个文件，我如何设计它，它的路径 (C:\Users....) 显示在文本框中？`

谢谢帮助

Answer 1

要将选中的文件名/路径复制到不同的文本框，首先要有这个JS:

function CopyMe(oFileInput, sTargetID) {
    document.getElementById(sTargetID).value = oFileInput.value;
}

它会与这样的 HTML 一起工作:

<div>
    <input type="file" onchange="CopyMe(this, 'txtFileName');" />
</div>
<div>
    You chose: <input id="txtFileName" type="text" readonly="readonly" />
</div>

测试用例:http://jsfiddle.net/yahavbr/gP7Bz/

请注意，现代浏览器会隐藏真实的完整路径，显示类似 C:\fakepath\realname.txt 的内容，因此要仅显示名称(真实的)，请更改为:

function CopyMe(oFileInput, sTargetID) {
    var arrTemp = oFileInput.value.split('\\');
    document.getElementById(sTargetID).value = arrTemp[arrTemp.length - 1];
}

( http://jsfiddle.net/yahavbr/gP7Bz/1/ )