输入文件字段到输入文本字段

Question

我甚至不知道这是否可行但是有一种方法可以将输入文件字段中所选文件的值转换为输入文本 field？

像这样：

Answer 1

挂钩文件字段的change事件。

<form method="post" enctype="multipart/form-data">
    <input type="file" onchange="this.form.filename.value = this.value">
    <input type="text" name="filename">
</form>

Jsfiddle demo。请注意，IE6 / 7错误地提供了完整路径，而其他浏览器只提供了文件名。

Answer 2

这应该可以通过创建一个新的文本输入元素并用文件输入的.value属性填充它来实现。

但请注意，出于安全原因，所有现代浏览器仅在value属性中存储文件名。您将无法获得所选文件的完整路径。

资料来源：MSDN on IE8

Answer 3

如果没有先将文件存储在自己的服务器上，则无法执行此操作。

文件输入控件不包含文件的数据。在您通过POST表单提交提交文件数据之前，您的浏览器会将其作为占位符提供给您。

如果您正在追踪文件的路径，那么您也无法做到（在现代浏览器中，如Pekka所说）。浏览器不会将该信息提供给客户端脚本。但是，它可能会提供文件名。