Javascript 如何在文本框中写入要上载的文件路径？

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

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

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

---

Thx帮助信息

如果您想上传文件，请使用

，它将附带自己的按钮。别忘了把灯调好

---

常规文本框不允许您上载文件。

要将所选文件名/路径复制到其他文本框，请先使用以下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>

---

（）

在chrome和safri浏览器中，

不会显示文本框，我们可以通过CSS本身配置显示样式，转到链接

您的意思是将文件路径复制到输入控件本身之外的不同、单独的文本框中吗？是的，像这样。看看我在David Dorwards Answer中的评论是的，我知道，但我想，是一个按钮，如果我用这个按钮选择一个文件，它的路径将显示在文本字段中。这对用户更加友好默认情况下，大多数浏览器将

显示为一个由文本框和按钮组成的小部件…这听起来像是您想要的。那么问题出在哪里呢？Chrome将所选文件显示为“标签”，看起来像是OP希望将其放入文本框中哇，真不错！这正是我一直在寻找的！非常感谢@Florian干杯，虽然我真的不明白你需要它做什么……）

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