文件控件隐藏的文件上传

Question

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

Answer 1

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

以下是一个工作示例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。