如何在不違反安全限制的情況下使用 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中文網其他相關文章！