Не можете получить значение ввода type = "file"?

Question

У меня есть <input type="file" id="uploadPicture" value="123">

Когда я использую: alert($("#uploadPicture").val());

Это предупреждает пустой диалог.

Answer 1

@ BozidarS: FileAPI в настоящее время поддерживается довольно хорошо и предоставляет ряд полезных опций.

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

Answer 2

Вы можете прочитать это, но вы не можете установить это.value="123" будет игнорироваться, поэтому у него не будет значения, пока вы не нажмете на него и не выберите файл.

Даже в этом случае значение, скорее всего, будет искажено чем-то вроде c:\fakepath\, чтобы сохранить деталифайловой системы пользователя private.

Answer 3

Вы можете получить его с помощью document.getElementById ();

var fileVal=document.getElementById("some Id");
alert(fileVal.value);

даст значение файла, но оно даст с fakepath следующим образом

c:\fakepath\filename

Answer 4

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

Это даст вам выбранный файл.

Однако вы не можете установить значение самостоятельно.

Answer 5

Вы не можете установить value для file входа в разметке, как вы сделали с value="123".

Этот пример показывает, что он действительно работает: http://jsfiddle.net/marcosfromero/7bUba/

Answer 6

Это старый вопрос, но на всякий случай, если кто-то натолкнется на этот шаг ...

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

Нет необходимости в регулярных выражениях, jQuery ....

Answer 7

не указывайте это во входном значении файла = "123".

  $(document).ready(function(){  

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

  });