javascript - 隐藏文件控件的文件上传

Question

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

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

Answer 2

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