<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="../js/jquery-1.10.2.min.js"></script>
</head>
<body>
<button id="id">Open</button>
<input id="file" type="file" name="file" onchange="handleFile()" style="display: none;" />
<input type="text" disabled="disable" value="文件名" id="fileName">
</body>
<script>
$(function(){
$('#id').on('click', function() {
$('#file').trigger('click');
});
})
function handleFile(){
var file = $("#file");
var fileName = $("#fileName");
alert(file.val())
fileName.val(file.val()) ;
}
</script>
</html>