Jquery,获取input type =“file”字段的值

时间:2011-05-19 16:16:17

标签: jquery forms

如果以下代码有任何问题,有人可以告诉我。我正在尝试获取input 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" />

提前致谢

詹姆斯

5 个答案:

答案 0 :(得分:2)

适合我。

See working jsFiddle demo

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

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

});

答案 1 :(得分:2)

这适用于任何浏览器

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

答案 2 :(得分:1)

你也可以这样做: var imgVal = document.getElementById("imageUpload"); 然后获取值,执行以下操作: alert(imgVal.value);

要记住的一件事是,许多浏览器会为您提供文件,但它会隐藏实际路径,如下所示: C:/fakepath/filename.extension

答案 3 :(得分:0)

当任何用户选择文件然后在jquery中检测文件元素值是否改变 把这段代码放在jQuery文件中

&#13;
&#13;
$(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
		
		
	});
	
});
&#13;
&#13;
&#13;

当用户选择文件时,

文件类型按钮启用,表单上传按钮被禁用,然后它的值将改变并启用上传按钮,这意味着我们可以提交表格。

答案 4 :(得分:-2)

您可以使用

$('#imageUpload').value