<body>
<div style="border:1px solid #0000;height:50px;position:relative">
<input type="text" id="text" style="150px">
<input type="file" id="file" style="position:relative;z-index:99;opacity:0.3">
<button style="position:absolute;left:160px;top:0;z-index:0">浏览</button>
</div>
</body>
<script>
window.onload = function () {
// console.log(document.querySelectorAll('input'))
let file = document.querySelector("input[id='file']")
console.log(file, file.value)
let text = document.querySelector("input[type='text']")
file.addEventListener('change',function(){
text.value = file.value
})
}
</script>