Javascript 使用Chrome扩展拦截图像上传（针对Facebook）

我有一个Chrome扩展，可以截取Facebook新帖子的提交，以检查内容。对于文本来说，这是非常简单的。如果我按下“Post”按钮，对于结果事件

e

，我调用

e.preventDefault();
e.stopImmediatePropagation();

获取文章的文本并将其发送到我的服务器进行分析

但我现在如何才能为图像做到这一点。当我单击“照片/视频”按钮时，会打开一个文件选择器对话框。一旦我选择了一个图像，它似乎会立即被上传、处理，并显示一个缩略图版本

我现在甚至不介意这些图片已经上传到Facebook上，但我仍然希望以某种方式获取这些图片并发送到我的服务器进行分析。我已经在Twitter上使用了它，但是可以通过本地URL访问原始图像，例如，

blob:https://...

。我希望这种方法也适用于Facebook

---

如果缩略图的

img

元素似乎包含文件名而不是完整路径，则使用

alt

属性。所以我觉得这没什么用。“照片/视频”按钮是一个

输入

元素；也许我可以添加一些监听器？

也许你可以隐藏原始上传输入，在其位置添加你自己的，当你的被使用时，用它做你的事情，然后将图像传递给原始图像input@WesleySmith嗯，是的，我可以看到这个工作。但这似乎也需要很多努力。理想情况下，我需要完全模仿上传过程的原始外观和感觉。现在我正在寻找一个概念验证解决方案。Facebook网站也是一个高度动态的网站。请注意，我确定如何将分析过的图像传递到原始上载过程。