Javascript 如何获取输入文件的文件名并在单击按钮时再次显示它而不上载它?

Javascript 如何获取输入文件的文件名并在单击按钮时再次显示它而不上载它?,javascript,php,jquery,html,file-upload,Javascript,Php,Jquery,Html,File Upload,我很难思考我需要做什么来实现我的目标 目标: 1.要复制要上载的文件的文件名,请在单击按钮但不上载时显示该文件 2.以便在单击提交按钮时上载 步骤: 第一步:我会选择一个文件上传。所以我会点击选择文件。 步骤2:现在它应该显示我在步骤1中选择的文件名。然后,我将单击“下一步”。 第3步:单击“下一步”将只显示第2步中的内容,但它是灰色的,并且不是下一步按钮,而是“提交”按钮。如果我确定要上传文件,这就像是一个确认。当我点击“提交”时,这是唯一一次上传文件 所以我需要能够完成第三步。我不知道

我很难思考我需要做什么来实现我的目标

目标:
1.要复制要上载的文件的文件名,请在单击按钮但不上载时显示该文件
2.以便在单击提交按钮时上载

步骤:

第一步:我会选择一个文件上传。所以我会点击选择文件。

步骤2:现在它应该显示我在步骤1中选择的文件名。然后,我将单击“下一步”。

第3步:单击“下一步”将只显示第2步中的内容,但它是灰色的,并且不是下一步按钮,而是“提交”按钮。如果我确定要上传文件,这就像是一个确认。当我点击“提交”时,这是唯一一次上传文件

所以我需要能够完成第三步。我不知道怎么做。:'(.
我在这方面使用PHP和JS

我不确定我的问题是否正确。请随时提供更正


非常感谢您的帮助。非常感谢!!!

这里有一个简短的片段,希望能帮助您:

<body>

    <input type="file" name="upload" id="upload">
    <div id="filename"></div>    

<script type="text/javascript">

    $('#upload').on('change',function(){
       // output raw value of file input
       $('#filename').html($(this).val()); 

        // or, manipulate it further with regex etc.
        var filename = $(this).val();
        // .. do your magic

        $('#filename').html(filename);
    });

    </script>
 </body>

$('#upload')。在('change',function()上{
//输出文件输入的原始值
$('#filename').html($(this.val());
//或者,用正则表达式等进一步操作它。
var filename=$(this.val();
//…施展你的魔法
$('#filename').html(filename);
});
这将在Opera中输出如下内容:
C:\fakepath\Screenshot\u 2015-56-03\u 12-56.JPG
,在IE 11中输出文件的绝对路径,如
C:\users\foo\Desktop\file.JPG


您可以进一步操作文件输入字段的值,以仅使用regex等隔离文件名。

jQuery是您问题的解决方案