HTML 文件选择器在 Firefox 插件中不起作用

Question

我正在尝试将本地计算机中的图像附加到 Firefox 插件并在 popup.html 中显示它。但插件的弹出窗口会在输入元素的 onChange 事件被触发后立即关闭。

我正在使用manifest V3。它在 chrome 中运行良好。
使用 Vite 和 React。

async function pickImage() {

    let input = document.createElement('input');
    input.type = 'file';
    input.accept = "image/*"
    input.multiple = true;
    input.addEventListener('input', filePickerListener)
    input.click()
    
    function filePickerListener() {
      const fileList = this.files;
      console.log('IMAGES PICKED FROM EXTENSION')
      setImages([...images, ...fileList]);
    }
}

Answer 1

检查 Firefox 插件是否具有访问本地文件或触发文件输入对话框所需的权限。确保插件的清单文件 (manifest.json) 准确指定所需的权限。