How to change value to an input field of type file using jquery

Question

Hi I have an input field of type file and i want to change its value using jquery. How can in do that, please help me.Below is my html tag for same.

<input id="kb_file" type="file" class="file" name="multipartFile" contenteditable='false' style="display:none;"/>

Browser security will not let you set the value of a file input. — BigBadOwl, Jul 25 '13 at 14:47
Why `display: none;`? are you trying to steal some files from your site visitors? — haim770, Jul 25 '13 at 14:51
Since we have two option either choose file or write description.So i have used display none. — Vikash Anand, Jul 25 '13 at 14:53
@haim770 Personally I came here to attempt to automate testing of an image uploader widget (jQuery file upload), which is a valid reason to want to specify the file path of a test upload file. — Mike Atlas, Nov 12 '13 at 19:41

score 9 · Answer 1 · answered Jul 25 '13 at 14:48

9

You cannot mess with the value of a <input type="file" /> for obvious security reasons.

answered Jul 25 '13 at 14:48

haim770

Yes i understand that. But Do we have any alternative to solve this issue. – Vikash Anand Jul 25 '13 at 14:54
What exactly are you trying to do? why do you need to access the value of `file` input? – haim770 Jul 25 '13 at 14:57
1st time when i create i uploaded the file and then when i edit same i want to append same file in that input field. – Vikash Anand Jul 25 '13 at 14:58
Check http://www.html5rocks.com/en/tutorials/file/filesystem/, though i'm not quite sure it's related. – haim770 Jul 25 '13 at 15:12
Why not reuse the originally uploaded file instead of uploading again? – BigBadOwl Jul 25 '13 at 15:16

1 Answers1