如何使用 jQuery 可靠地触发文件输入？

使用 jQuery 触发文件输入

使用 jQuery 触发上传浏览按钮有时可能具有挑战性。一种常见的方法涉及使用“trigger('click')”函数。

使用此方法时，您可能会遇到阻止其工作的安全限制。当文件输入元素的显示属性设置为“无”或其可见性设置为“隐藏”时，会出现此限制。

要避免此问题，您可以使用以下样式将文件输入元素放置在视口之外:

position: absolute;
top: -100px;

此方法有效地从视图中删除元素，而不影响其功能。

通过将文件输入元素定位在viewport 中，您可以使用 jQuery 成功触发浏览按钮。此解决方法被认为是“黑客”，但有效解决了问题。

这里有一个演示：http://jsfiddle.net/DSARd/1/

这应该可以解决您触发问题使用 jQuery 上传浏览按钮。

以上是如何使用 jQuery 可靠地触发文件输入？的详细内容。更多信息请关注PHP中文网其他相关文章！