Using JavaScript to add an attribute to all

Question

My question is regarding a WordPress site. Using JavaScript or jQuery, on the entire front-end of the website, I would like to add the attribute accept="image/*" to all of the <input type="file">. Could someone please help me achieve this?

FYI: **Java** and **JavaScript** are completely different languages. And **jQuery** is a JavaScript library. — Manas Khandelwal, Dec 15 '21 at 17:02
While this is possible, doing it through JS is not very reliable. Remember to always validate and virus scan any content uploaded to your server. — Rory McCrossan, Dec 15 '21 at 17:04
@RoryMcCrossan, _"Remember to always validate and virus scan any content uploaded to your server."_ - How would I go about doing that? Any good tutorial you could point me to? — JOKKER, Dec 15 '21 at 17:11

Mokhless · Answer 1 · 2021-12-15T17:32:54.093

3

Using jquery in wordpress

The following code uses jquery approach to solve your problem:

jQuery(document).ready($ => {

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

})

edited Dec 15 '21 at 17:32

answered Dec 15 '21 at 17:14

Mokhless

686
2
6
22

mplungjan · Accepted Answer · 2021-12-15T17:36:55.513

1

Quite trivial:

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

You will still need to check the type of file on the server too

For example

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

edited Dec 15 '21 at 17:36

answered Dec 15 '21 at 16:58

mplungjan

169,008
28
173
236

Thank you for your answer, it works. _"You will still need to check the type of file on the server too"_ - How would I go about doing that? Any good tutorial you could point me to? – JOKKER Dec 15 '21 at 17:09
Depends on what the server language is. – mplungjan Dec 15 '21 at 17:12
1

I'm using WordPress, so I suppose it's PHP? – JOKKER Dec 15 '21 at 17:13
See updated answer – mplungjan Dec 15 '21 at 17:37

Using JavaScript to add an attribute to all

2 Answers2