js写文件上传展示文件名字
时间: 2023-10-28 08:04:31 浏览: 79
你可以使用HTML5中的File API来获取上传文件的信息,并使用JavaScript来显示文件名。以下是一个简单的示例代码:
HTML部分:
```html
<input type="file" id="fileInput">
<div id="fileName"></div>
```
JavaScript部分:
```javascript
const fileInput = document.getElementById('fileInput');
const fileNameDiv = document.getElementById('fileName');
fileInput.addEventListener('change', () => {
const fileName = fileInput.files[0].name;
fileNameDiv.innerHTML = fileName;
});
```
这段代码会监听文件上传控件的变化事件,当用户选择一个文件后,它会获取该文件的名称并将其显示在页面上。
阅读全文