如何在不违反安全限制的情况下使用 jQuery 触发文件输入？

使用 jQuery 触发文件输入

jQuery 提供了一种与 HTML 元素交互的便捷方式，但由于安全限制，触发本机文件输入可能具有挑战性。

解决方案：

绕过此限制的关键是确保文件输入在视口外可见。一种已被证明有效的方法是使用绝对定位，并将文件输入放置在视口上方或下方。

例如，以下代码将文件输入定位在视口上方 100 像素处，从而无需触发即可触发违反安全限制：

$('#fileinput').css({
  position: 'absolute',
  top: '-100px'
});
$('#fileinput').trigger('click');

演示：

您可以看到此方法的工作示例位于 [jsfiddle.net/DSARd/1/](http://jsfiddle.net/DSARd/1/)。

注意：

虽然此方法有效地触发了文件输入，但它可以被视为一种 hack。建议仅在绝对必要时使用它。

以上是如何在不违反安全限制的情况下使用 jQuery 触发文件输入？的详细内容。更多信息请关注PHP中文网其他相关文章！