how to change the value for an input type file by calling a function?

Question

<input id="inputype" type="file" accept="image/*" value="../Images/whatever.gif">

also can i change the value by calling a function?

this function will be invoked onclick.

function click() {
   document.getElementById('inputype').value = "../Images/whatever.gif";  
}

how do i get this to work?

Simple, you can't... massive security risk otherwise – freefaller Jan 28 '20 at 16:03 — freefaller, Jan 28 '20 at 16:03

score 1 · Answer 1 · answered Jan 28 '20 at 16:08

1

There is no default value in such a form element (imagine the security implications...).

If empty, it usually shows a label like:"Select a file to upload...".

If you want to have a plaecholder at all costs, you can fake it (like placing a div above the imput, and changing the appereance to look like one). I do not raccomand this approch.

answered Jan 28 '20 at 16:08

Volpe v2

78
7

I'm not sure why you're suggesting something they didn't ask for and you don't even recommend?! – freefaller Jan 28 '20 at 16:35
That is the third option, for a more complete answer. I'm simply pointing out that making a fake loading imput is always possible, therfore is also possible to make a default (that does not work, so it can't load files). – Volpe v2 Jan 28 '20 at 16:52

score 0 · Answer 2 · answered Jan 28 '20 at 16:36

0

To check for empty value for an input with type file:

if (document.getElementById("inputype").files.length === 0) {
  console.log("You have not selected a file yet.");
}

answered Jan 28 '20 at 16:36

Paul Mannarino

11
2

how to change the value for an input type file by calling a function?

2 Answers2