使用 JavaScript 将属性添加到所有 <input type="file"> [关闭]答案

【问题标题】：Using JavaScript to add an attribute to all <input type="file"> [closed]使用 JavaScript 将属性添加到所有 <input type="file"> [关闭]
【发布时间】：2022-01-18 20:41:14
【问题描述】：

我的问题是关于 WordPress 网站的。使用 JavaScript 或 jQuery，在网站的整个前端，我想将属性accept="image/*" 添加到所有<input type="file">。有人可以帮我实现这一目标吗？

【问题讨论】：

仅供参考：Java 和 JavaScript 是完全不同的语言。而 jQuery 是一个 JavaScript 库。
虽然这是可能的，但通过 JS 来做并不是很可靠。请记住始终对上传到您服务器的任何内容进行验证和病毒扫描。
@RoryMcCrossan，“请记住始终对上传到您服务器的任何内容进行验证和病毒扫描。” - 我该怎么做？有什么好的教程可以指点我吗？

标签： javascript html jquery wordpress

【解决方案1】：

在 wordpress 中使用 jquery

以下代码使用jquery的方式解决你的问题：

jQuery(document).ready($ => {

  $('input[type=file]').each(function(){
    $(this).attr('accept', 'image/*');
  });

})

【讨论】：

【解决方案2】：

相当琐碎：

document.querySelectorAll("[type=file]")
 .forEach(file => file.setAttribute("accept","image/*"))

您仍然需要检查服务器上的文件类型

例如

Wordpress plugin development - File upload: How to allow specified file types?

【讨论】：

感谢您的回答，它有效。 “您仍然需要检查服务器上的文件类型” - 我该怎么做？有什么好的教程可以指点我吗？
取决于服务器语言。
我用的是WordPress，所以我猜是PHP？
查看更新的答案