使用jQuery获取文件输入元素的按钮部分？

Question

我有一个文件输入元素，如下面的代码所示。如何使用jQuery获取此文件输入控件的按钮部分？

<input type="file" name="FILE1" id="FILE1"></input>

Answer 1

你做不到。按钮部分是浏览器特定的。

Answer 2

这是不可能的，因为文件输入行为受浏览器控制并且操纵会导致与安全相关的问题，例如阻止文件上传。但是，您可以将file input的不透明度设置为0，然后创建一个虚拟元素，并通过单击该项来触发click事件以进行文件输入：

$("#trigger").click(function(e) {
   e.preventDefault();
   $("input[type='file']").trigger("click");        
}) 

Answer 3

这里有许多问题和答案，涵盖了可以对文件输入执行的操作。它并不多，但它确实存在。

Style input type file?

埃里克