话不多说,代码撸起。

首先我们的html部分是这样的

<input id="file" type="file" name="file" accept="image/*" multiple >

js部分如下

var file = document.getElementById('file');
//已选择文件的文件名(例如123.jpg)
console.log(file.files[0].name);
//获取已选择文件的扩展名(例如.jpg)
var filevalue = file.value;
var index = filevalue.lastIndexof('.');
console.log(filevalue.substring(index));

控制台打印结果如下
js获取input上传文件的文件名和扩展名

Last modification:May 16th, 2020 at 10:15 pm
If you think my article is useful to you, please feel free to appreciate