时间戳

首页 > 解决方案 > 显示从输入类型中选择的文档：文件

javascript - 显示从输入类型中选择的文档：文件

问题描述

我有这个代码

html

<input type="file" accept=".docx" type="file" id="fileUpload" onchange="setFile()" />

Javascript

const setFile = () => { console.log(document.getElementById('fileUpload').files[0])}

我试图让选定的文件显示在控制台中，但无济于事。请问我该如何解决这个问题？

这是沙盒链接https://codesandbox.io/embed/fancy-river-9dn69?codemirror=1

标签： javascripthtml

解决方案

只需引用 name 属性，您就会拥有所需的内容。

const setFile = () => { 
    console.log(document.getElementById('fileUpload').files[0].name)
}
<input type="file" accept=".docx" type="file" id="fileUpload" onchange="setFile()" />

其他属性，如 lastModified、lastModifiedDate、type 和其他属性也可用，因此只需参考您想要显示的时间。

推荐阅读