上传文件后在input表单获取文件名

jsp代码

<input type="file" id="file" onchange="getfilename()">
<input type="text" name="bookImg" id="value" required hidden>

js代码

<script>
        function getfilename() {
            var img = document.getElementById('file');
            var imgName = img.files[0].name;
            var value = document.getElementById("value");
            value.value = imgName;
        }
</script>