我的manifest.json檔案：

{
  "manifest_version": 3,
  "name": "上傳類型提醒",
  "version": "1.0",
  "permissions": ["activeTab","webRequest","declarativeNetRequest"],
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["background.js"]
    }
  ]
}

我的background.js檔案：

document.addEventListener('change', function(event) {
  const input = event.target;
  if (input.type === 'file') {
    const files = input.files;
    for (let i = 0; i < files.length; i++) {
      const fileName = files[i].name.toLowerCase();
      if (fileName.endsWith('.bmp') || fileName.endsWith('.png')  || fileName.endsWith('.gif')  || fileName.endsWith('.doc')  || fileName.endsWith('.docx')  || fileName.endsWith('.xls') || fileName.endsWith('.xlsx')) {
        alert('此檔案類型不允許上傳：' + files[i].name);
        input.value = ''; // 清空文件輸入
        break;
      }
    }
  }
});

我用Chrome瀏覽器擴充功能，點選載入未封裝項目
來載入這兩個程式碼
但真正上傳檔案時
只會跳出視窗「此檔案類型不允許上傳」提醒
然後就繼續上傳那個檔案

無法做到真正的封鎖BMP、PNG類型檔案上傳
甚至有些網站還沒有跳出提醒

我該如何更改代碼