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

Question

我有一个文件上传输入，当我单击浏览按钮并选择文件时，我希望文件名和扩展名出现在两个输入文本框中(参见代码示例)。

它与扩展名一起正常工作，但文件名还显示了给我 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'>

Answer 1

这是一篇有点老的帖子...仅供引用

   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, '')。 您将获得值(value)。