js获取input 文件名

现在获取的是C:\fakepath\Doc3.doc,怎么才能获取Doc3.doc，我想到的是截取或者正则，但是\ 我不清楚否和浏览器有关，ie下还是能用这种方法么

javascript html input标签

阅读 3.2k

3 个回答

得票最新

a2774206

1.8k42853

发布于
2021-11-15

let str = e.target.value;
console.log(str.substring(str.lastIndexOf('\\') + 1))

忆故人

44811844

发布于
2021-11-15

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="file" name="" id="ipt">
</body>

<script>
  const ipt = document.querySelector('#ipt');
  ipt.addEventListener('change', function () {
    const file = ipt.files[0];
    console.log(file);
  });
</script>

</html>

这样你就拿到了整个file对象。