我有一个<input type="button">标签隐藏在视图中。我所做的是将“onClick”事件附加到任何类型的可见组件(如标签)。这是使用谷歌Chrome的开发工具或Mozilla Firefox的Firebug使用右键单击“编辑HTML”命令完成的。在这种情况下，指定以下脚本或类似的东西:

如果你有JQuery:

$('#id_of_component').click();

如果不是:

document.getElementById('id_of_component').click();

谢谢。

$(document).one('mousemove', function() { $(element).trigger('click') } );

当我遇到类似的问题时，它为我工作，是一个普通的eRube Goldberg。

我知道这很老了，所有这些解决方案都是针对浏览器安全预防措施的黑客，具有真正的价值。

也就是说，到今天为止，fileInput.click()可以在当前的Chrome (36.0.1985.125 m)和当前的Firefox ESR(24.7.0)中工作，但不能在当前的IE(11.0.9600.17207)中工作。在一个按钮的顶部覆盖一个不透明度为0的文件字段是可行的，但是我想要一个链接元素作为可见的触发器，并且悬停下划线在任何浏览器中都不太适用。它闪烁着然后消失了，可能是浏览器在考虑是否实际应用悬浮样式。

但我确实找到了一个在所有这些浏览器中都能工作的解决方案。我不会说我测试过所有浏览器的每个版本，也不会说我知道它会一直工作下去，但它现在似乎满足了我的需求。

这很简单:将文件输入字段定位到屏幕外(Position: absolute;顶部:-5000px)，在它周围放一个标签元素，并触发标签上的点击，而不是文件字段本身。

请注意，链接需要编写脚本来调用标签的click方法，它不会自动完成，就像单击标签元素中的文本一样。显然，link元素捕获了点击，而没有传递到标签。

还要注意，这并没有提供显示当前所选文件的方法，因为该字段是屏幕外的。我想在文件被选中时立即提交，所以这对我来说不是问题，但如果您的情况不同，您将需要某种不同的方法。

这个解是可行的。 我们应该使用MSBLOB下载

$scope.getSingleInvoicePDF = function(invoiceNumberEntity) {
   var fileName = invoiceNumberEntity + ".pdf";
   var pdfDownload = document.createElement("a");
   document.body.appendChild(pdfDownload);

   AngularWebService.getFileWithSuffix("ezbillpdfget",invoiceNumberEntity,"pdf" ).then(function(returnedJSON) {
       var fileBlob = new Blob([returnedJSON.data], {type: 'application/pdf'});
       if (navigator.appVersion.toString().indexOf('.NET') > 0) { // for IE browser
           window.navigator.msSaveBlob(fileBlob, fileName);
       } else { // for other browsers
           var fileURL = window.URL.createObjectURL(fileBlob);
           pdfDownload.href = fileURL;
           pdfDownload.download = fileName;
           pdfDownload.click();      
       }
   });
};

对于AngularJS或普通javascript。

这将在Firefox 4中实现，但需要注意的是，它被视为一个弹出窗口，因此无论何时弹出窗口都将被阻止。

我的解决方案Safari与jQuery和jQuery-ui:

$("<input type='file' class='ui-helper-hidden-accessible' />").appendTo("body").focus().trigger('click');