Work around to change HTML file input value with javascript

Question

I am trying to automate a file upload process for a courier we use. I need to upload a CSV file with a form on there website. But it seems I cannot use the DOM to change the input value for a file input.

Is there a way I can do this? I am trying to do it like this;

...Document.getelementbyid("userFile").innertext = filepath

But it doesn't change?

Any idea

Because inputs don't have innerText or innerHTML, but value. Also, khm, proper capitalisation. — nicael
– nicael, Commented Mar 28, 2015 at 21:58
a little known-fact: you can leave the file input populated, then every time you call new FileReader().read(), it will grab the current file contents, updates and all. so, if you left your page open, you can run a poll on the input and upload changes when they happen. i made the watchfile lib for this purpose: github.com/rndme/watchfile — dandavis
– dandavis, Commented Mar 28, 2015 at 22:27

Community · Accepted Answer · 2017-05-23 10:24:15Z

0

You need to use .value for HTML inputs.

As seen here: Getting value of HTML text input

document.getElementById('email').value;

or

Document.getelementbyid("userFile").value = filepath

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Mar 28, 2015 at 22:02

dargmuesli

64210 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Lewis Morris Over a year ago

value will not update file input as supposedly its a security thing in browsers. Any ideas how to get round it?

Lewis Morris Over a year ago

im trying to put a string value to the file into the .value is this right?

dargmuesli Over a year ago

@user3348264 Yes it is. Show us your code or check for mistakes by yourself :)

Lewis Morris Over a year ago

Document.getelementbyid("userFile").Value = filepath

dargmuesli Over a year ago

Maybe: 'document.getelementbyid("userFile").value = "filepath";' Does that work (even if it's not what you want to achieve, i guess, because you certainly use filepath as a variable)? I recommend FireBug for FireFox to debug your web code.

|

Collectives™ on Stack Overflow

Work around to change HTML file input value with javascript

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related