文件控件隐藏的文件上传

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>