使用jQuery从输入[type ='file']中获取文件名 [英] Get filename from input [type='file'] using jQuery
本文介绍了使用jQuery从输入[type ='file']中获取文件名的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是上载的表单.
<form class="alert alert-info">
<div>
<b id = "select_file" class="span3" style="font-weight: bold; cursor: pointer; ">Please select image</b>
<input class="span3" type="file" name="image_file" id="image_file" style="display:none " />
<input disabled="true" type="button" value="Upload image" class="btn" />
</div>
</form>
我使用以下脚本打开一个包含文件的窗口.我想在<b id = 'select_file'>
中显示文件名.
I use the following script to open a window with files. I want to show a file name in <b id = 'select_file'>
.
我该怎么做?
$('#select_file').click(function(){
var _this = $(this);
$('#image_file').show().focus().click().hide();
var filename = $('#image_file').val();
_this.html(filename);
$('.btn').attr('disabled', false);
});
推荐答案
您必须这样对input type file
的change事件执行此操作:
You have to do this on the change event of the input type file
this way:
$('#select_file').click(function() {
$('#image_file').show();
$('.btn').prop('disabled', false);
$('#image_file').change(function() {
var filename = $('#image_file').val();
$('#select_file').html(filename);
});
});
这篇关于使用jQuery从输入[type ='file']中获取文件名的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文