首页 > 解决方案 > Firefox 插件 - 在弹出窗口中使用 `input[type="file"]`

问题描述

我之前没有做过任何浏览器插件/扩展开发,所以我觉得我错过了一些非常简单的东西。

我有一个 Firefox 插件设置的通用框架,在我的 browser_action:default_popup 文件中,我有一个简单的文件输入:

<input type="file" id="my_file">

除了具有此标记外,该扩展程序没有其他任何作用。没有 JS,没有其他脚本,什么都没有(除了工具栏的图标)。

当我测试扩展时,我单击显示我的 html 和文件输入的图标。然后我单击浏览按钮并在我的计算机上选择一个文件。完成此操作后,我希望看到弹出窗口中按钮旁边列出的文件名,但它仍然显示“未选择文件”。此外,如果我尝试向等待“更改”事件的元素添加事件侦听器,则该事件似乎永远不会触发。

我需要添加一些权限才能manifest.json使其正常工作吗?我尝试了 MDN 上列出的一些不同值,但它们不起作用,并且在查看 Mozilla 提供的一些示例插件时,我没有看到任何其他权限。

标签: firefox-addon

解决方案


推荐阅读