Jquery, получение значения поля ввода type = "file"

Question

Может кто-нибудь сообщить мне, если что-то не так с приведенным ниже кодом.Я пытаюсь получить значение тега ввода типа type = "file", но в сообщении постоянно указывается, что оно пустое

$('#submitForm').bind("click",function(){ 

     var imgVal = $('#imageUpload').val(); 
 alert(imgVal);             
 return false;
});

<input name="imageUpload" id="imageUpload" type="file" value="" class="text"/>
<input name="submit" type="submit" id="submitForm" value="Submit Photo" />

Заранее спасибо

Джеймс

Answer 1

Это должно работать в любом браузере

$('#imageUpload').attr('value')

Answer 2

У меня работает.

См. Рабочую демонстрацию jsFiddle :

$('#submitForm').bind("click",function() { 

    var imgVal = $('#imageUpload').val(); 
    alert(imgVal);             
    return false;

});

Answer 3

Вы также можете сделать: var imgVal = document.getElementById("imageUpload"); Затем, чтобы получить значение, сделайте что-то вроде этого: alert(imgVal.value);

Следует помнить, что многие браузеры будут выдавать вам файл, но он будет скрывать фактический путь примерно так: C:/fakepath/filename.extension

Answer 4

когда какой-либо пользователь выбирает файл, а затем обнаруживает в jquery изменение значения элемента файла или не помещает этот код в файл jQuery

$(document).ready(function()
{
	//$("#upload").attr("disabled","true");
	$("#upload").attr("disabled","disabled");
	
	$("#file").change(function()
	{
		//alert("someting change");
		//value =  $(this).val();//get fake path of file
		//alert(value);
		$("#upload").removeAttr("disabled"); //enabling upload button
		
		
	});
	
});

кнопка типа файла включена, кнопка загрузки формы отключена, когда пользователь выберет файл, затем его значение изменится и активирует кнопку загрузки, что означает, что мы можем отправить нашу форму.

Answer 5

Вы можете использовать

$('#imageUpload').value