如何使用JavaScript禁用input file元素的文件浏览功能

你可以用原生JavaScript实现和那段jQuery代码完全相同的效果，直接设置元素的disabled属性即可：

针对单个ID元素的写法 #

document.getElementById('images').disabled = true;

这段代码和你找到的jQuery代码$('#images').prop('disabled', true);功能一致，会将ID为images的input file元素设置为禁用状态，点击后不会触发文件浏览窗口。

其他选择器场景的写法 #

如果需要通过类名、标签名等方式选择元素，也可以这样写：

• 选择第一个匹配类名的元素并禁用

document.querySelector('.file-input').disabled = true;

• 选择所有匹配类名的元素并批量禁用

document.querySelectorAll('.file-input').forEach(element => {
  element.disabled = true;
});

禁用后的input元素会呈现灰化状态，无法进行任何交互操作，完全符合你禁止文件浏览的需求。

内容的提问来源于stack exchange，提问作者cenica