javascript - 从输入类型=文件获取文件名和扩展名

我有一个文件上传输入，当我单击浏览按钮并选择文件时，我希望文件名和扩展名显示在两个输入文本框中（请参阅代码示例）。

它与扩展名一起正常工作，但文件名还显示了给我 fakepath 警告的路径。

我明白为什么，但是有什么好方法可以做到这一点并将文件名放入该框中。我不需要路径。

function getoutput(){
    outputfile.value=inputfile.value.split('.')[0];
    extension.value=inputfile.value.split('.')[1];}

    <input id='inputfile' type='file' name='inputfile' onChange='getoutput()'><br>
    Output Filename <input id='outputfile' type='text' name='outputfile'><br>
    Extension <input id='extension' type='text' name='extension'>

这是有点旧的帖子...仅供参考

   var files = event.target.files
   var filename = files[0].name
   var extension = files[0].type

在类型中您将找到扩展名 例如：如果它是 jpeg 图像，那么，

extension = image/jpeg

或者如果是 pdf 那么，

extension = application/pdf

要获得准确的值，请执行extension.replace(/(.*)\//g, '')。 你会得到价值。