点击按钮触发file标签并把文件名显示在文本框

我这里是一个输入框，通过点击输入框弹出file标签获取到FileUpload对象，并把文件的名字放到文本框里显示

  <div>
	 <input type="text" id="updateFile" class="form-control batch-upload-text" placeholder="请选择excel文件" />
	 <input id="file1"  type="file" />
	 </div>

你可以把真正的file标签隐藏

<script type="text/javascript">
			$(function() {
				//点击updateFile文本框触发上传按钮
				$("#updateFile").click(function() {
					$("#file1").trigger("click");
				});
				$("#file1").change(function(){
					//获取FileUpload对象
					var x = document.getElementById("file1").files;
					//把获得的文件名放入text里面显示
					$("#updateFile").val(x[0].name);
				})
			});

		</script>