隐藏文件控件的文件上传答案

【问题标题】：File upload with the file control hidden隐藏文件控件的文件上传
【发布时间】：2012-11-13 19:51:45
【问题描述】：

我有一个带有隐藏文件输入的表单。点击其中会有一个按钮，打开文件对话框应该弹出，当我们选择文件时，文件应该上传到服务器。这可能吗？

【问题讨论】：

如果我们没有其他解决方案，JQuery 是最后的选择。问题是 - 我们不应该查看文件上传控件。虽然 IE 不允许以编程方式提交多部分表单。
uploadify.com/demos

标签： javascript html forms file-upload

【解决方案1】：

如果您将显示设置为无，它将无法在 webkit 浏览器中工作。但是你可以将不透明度、宽度和高度设置为零，然后在点击另一个按钮时调用点击事件。

这是一个工作示例http://jsfiddle.net/jcVL5/

***编辑：我刚刚看到“文件应该上传到服务器”。您必须说明您使用的服务器端语言。

<input type="file" id="fileUpload" style="opacity:0; height:0px;width:0px;" />
<input type="button" id="btnUpload" value="test Button" />

<script>
document.getElementById('btnUpload').onclick = function(){
    document.getElementById('fileUpload').click();
};
</script>

【讨论】：

但是应该提交表单。不能以 IE 形式提交。在 webkit 中，它可以通过多种方式完成。

【解决方案2】：

您是否尝试过使用Fine Uploader？如果这是你需要的，你可以在这里查看演示站点http://fineuploader.com。

【讨论】：