javascript - 打开具有隐藏可见性 JS 的输入文件

Question

我有一个隐藏可见性的输入文件：

        <input type="file" id="fileupload" name="upload"  style="visibility: hidden;" /> 

但我想使用它，而不显示它。我将通过 a-tag（超链接）触发事件。我有：

//that's fine, open file dialog
document.getElementById('fileupload').click();

//can not take the value of file chosen?
var x = document.getElementById('fileupload').value;
console.log(x); 

那么如何在不显示输入的情况下获取所选文件？这可能吗？

Answer 1

您只想在有人添加文件时显示文件名？

您可以将 eventListener 添加到文件中以检索文件名：

document.getElementById('fileupload').onchange = function(e) {
    console.log(e.target.value);
}

但是要上传文件，您只需将此隐藏文件字段添加到表单并提交即可。

Answer 2

我脑海中的第一个问题是你为什么不使用 jQuery，因为它更容易。

其次，输入实际上并不包含文件本身，而是对它的引用。该文件将通过邮寄（或获取）和操纵的服务器端发送。也许我不正确理解您要做什么。