Javascript 隐藏文件控件的文件上载

我有一个表格，里面有一个隐藏的文件输入。点击会有一个窗口，

---

打开文件对话框应该弹出，当我们选择文件时，文件应该上传到服务器。这可能吗？

如果将显示设置为“无”，则在webkit浏览器中不起作用。但是您可以将不透明度、宽度和高度设置为零，然后在单击其他按钮时调用click事件

下面是一个工作示例

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

<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>

​
document.getElementById（'btnUpload'）。onclick=function（）{
document.getElementById（'fileUpload'）。单击（）；
};​

您是否尝试过使用？如果这是您需要的，您可以在此处查看演示站点。

JQuery是最后一个选项，如果我们没有任何其他解决方案。问题是-我们不应该查看文件上载控件。而IE不允许以编程方式提交多部分表单。但是表单应该被提交。在IE表格中无法提交。在webkit中，可以使用多种方法来完成。