Can't get value of input type=“file”?

Question

I have a

When I\'m using: alert($(\"#uploadPicture\").val());

It ale

Answer 1

$('input[type=file]').val()

That'll get you the file selected.

However, you can't set the value yourself.

Answer 2

don't give this in file input value="123".

  $(document).ready(function(){  

      var img = $('#uploadPicture').val();

  });

Answer 3

Solution

document.getElementById("uploadPicture").attributes.value.textContent

Answer 4

You can't set the value of a file input in the markup, like you did with value="123".

This example shows that it really works: http://jsfiddle.net/marcosfromero/7bUba/

Answer 5

It's old question but just in case someone bump on this tread...

var input = document.getElementById("your_input");
var file = input.value.split("\\");
var fileName = file[file.length-1];

No need for regex, jQuery....

Answer 6

@BozidarS: FileAPI is supported quite well nowadays and provides a number of useful options.

var file = document.forms['formName']['inputName'].files[0];
//file.name == "photo.png"
//file.type == "image/png"
//file.size == 300821