如何使用 HTML 和 javascript 制作自己的文件上传答案

【问题标题】：How to make own file upload using HTML and javascript如何使用 HTML 和 javascript 制作自己的文件上传
【发布时间】：2009-10-28 05:41:58
【问题描述】：

我需要使用 HTML 和 Javascript 创建新的文件上传字段，因为内置文件上传不显示文件的完整路径

我需要使用按钮和文本框使其类似于文件上传

请帮忙解决这个问题

【问题讨论】：

【解决方案1】：

你不能。

浏览器必须遵守一些安全注意事项，现在有办法解决。

仅供参考，这也是 Firefox 不允许拖放到文件字段的原因。

【讨论】：

【解决方案2】：

仅供参考，我认为路径显示取决于您的浏览器。

如果您愿意/可以这样做，java（不是 javascript）也许可以帮助您解决最初的问题。不过，Java 也有它自己的问题。

【讨论】：

【解决方案3】：

文件上传是一种特定的输入类型，你不能轻易替换它，但在某些浏览器中你可以设置它的样式。

您应该能够从 javascript 访问文件名，并将其显示在页面的不同部分（可能同时隐藏文件输入），以便用户可以看到将选择的内容。

另一种选择是将 Flash 用于更高级的前端（请参阅 http://www.flickr.com/photos/upload/（假设您有 flickr 帐户）作为示例），但作为开发人员，我从未使用过其中之一

【讨论】：