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

Question

我什至不知道这是否可能，但是是否有一种方法可以在输入中获取所选文件的值 文件 输入的字段 文本 场地？

像这样：

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演示. 。请注意，IE6/7错误地给出了完整的路径，而其他浏览器仅正确提供了文件名。

Answer 2

这应该可以通过创建新的文本输入元素并用 .value 文件输入的属性。

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

资料来源： IE8上的MSDN

Answer 3

如果不先将文件存储在您自己的服务器上，就无法做到这一点。

文件输入控件确实 不是 包含文件的数据。您的浏览器将其作为占位符提供给您，直到您通过发布表格提交提交文件数据为止。

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