代碼里引用了bootstrap和jQuery
HTML 標簽
<form>
<!-- 隱藏用于真實上傳文件的輸入框 -->
<input id="lefile" type="file" style="display: none">
<div class="input-append">
<input id="photoCover" class="input-large form-control" type="text"
style="display: inline; width: 400px; margin-left: 10px">
<a class="btn btn-success" onclick="$('input[id=lefile]').click();">瀏覽 </a>
</div>
</form>
JavaScript 代碼
<script type="text/javascript">
<!--顯示選擇的文件的路徑-->
$('input[id=lefile]').change(function() {
$('#photoCover').val($(this).val());
});
</script>
效果

image.png