有关Chrome浏览器扩充功能，选定特别类型档案封锁上传

我的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类型档案上传甚至有些网站还没有跳出提醒

我该如何更改代码