Javascript 设计浏览器扩展以检测用户正在将文件上载到当前网页

我正在开发一个浏览器扩展，旨在帮助用户消除他/她上传到当前网页的图像中隐藏的信息。为此，我需要检测用户上传操作的时间。目前，我使用以下代码来检测上传操作：

$(document).ready(function(){
    $("input[type='file']").change(function() {
      ...//Perform actions when all HTML elements like '<input type="file">' change values.
    });         
});

使用元素是从本地文件系统加载文件的最直接的方法。在上面的代码中，我在所有元素上添加了更改事件侦听器，以检测用户是否正在上载文件

然而，许多网站使用用户上传文件的间接方式。具体来说，它们不使用元素让用户选择要上传的文件，而是提供一个小图标/图像。单击时，图标/图像将触发一个弹出窗口，用户可以在其中选择本地文件进行上载。在这种情况下，上述代码不起作用，因为网页的源代码不包含元素，但用户确实以间接方式上载了文件

以当前网页为例。当您向下滚动此页面到您的答案部分时，单击{}旁边的小图像图标将允许您从计算机中选择要上载的图像。但是，无法检测到弹出窗口中的元素，因为浏览器扩展基本上在每次页面选项卡加载时执行，即DOM就绪，当页面加载时，弹出窗口甚至不存在

---

请原谅我的罗嗦。我的问题是如何检测用户在当前选项卡/窗口或弹出窗口中上载图像文件的行为。虽然浏览器扩展解决方案是最好的，但任何答案都将不胜感激

不要忘记拖放；现在你可以把文件放到浏览器里了！对谢谢提醒。