How to set a value to a file input in HTML?

javascript html file-upload preset
Alon Gubkin picture Alon Gubkin · Nov 8, 2009 · Viewed 656.8k times · Source

How can I set the value of this?

<input type="file" />

Answer

BalusC picture BalusC · Nov 8, 2009

You cannot, due to security reasons.

Imagine:

<form name="foo" method="post" enctype="multipart/form-data">
    <input type="file" value="c:/passwords.txt">
</form>
<script>document.foo.submit();</script>

You don't want the websites you visit to be able to do this, do you? =)

Related questions

How to resolve the C:\fakepath?

<input type="file" id="file-id" name="file_name" onchange="theimage();"> This is my upload button. <input type="text" name="file_path" id="file-path"> This is the text field where I have to show the full path …

Read More
Get Base64 encode file-data from Input Form

I've got a basic HTML form from which I can grab a bit of information that I'm examining in Firebug. My only issues is that I'm trying to base64 encode the file data before it's sent to the server where …

Read More
How to check file MIME type with javascript before upload?

I have read this and this questions which seems to suggest that the file MIME type could be checked using javascript on client side. Now, I understand that the real validation still has to be done on server side. I …

Read More